Estou tentando colocar o codigo abaixo no meu blog, mas o mapa nao aparece.
O que tem de errado com ele?
OBRIGADA
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: Marker Simple</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" />
<link href="/resource/css/screen.css" rel="stylesheet" type="text/css" />
</head>
<body onload="initialize()" style="background: #000;" >
<!-- load scripts within body so that the black background colour is loaded before the maps so that it doesn't flash white on the screen on load -->
<script type="text/javascript" src="//maps.googleapis.com/maps/api/js?sensor=false"></script>
<script>
var map;
var fredericton = new google.maps.LatLng(45.96359,-66.643115);
var MY_MAPTYPE_ID = 'happyknight';
function initialize() {
var locations = [
['NB Liquor<br>780 Dieppe Blvd., <br>Dieppe, NB', 46.091422,-64.692618, 36],
['NB Liquor<br>1855 Mountain Road, <br>Moncton, NB', 46.121931,-64.84906, 35],
['NB Liquor<br>115 A Campbell Dr., <br>Rothesay, NB', 45.394438,-65.965465, 34],
['NB Liquor<br>1160 Findlay Blvd., <br>Riverview, NB', 46.049207,-64.795539, 33],
['NB Liquor<br>409 Elmwood Dr., <br>Moncton, NB', 46.117127,-64.772231, 32],
['NB Liquor<br>Brookside Mall, 435 Brookside Dr., <br>Fredericton, NB', 45.992437,-66.651521, 31],
['NB Liquor<br>267 Commerce St., <br>Beresford, NB', 47.698585,-65.702512, 30],
['The Castle Inn<br>21 Brentwood Dr., <br>Perth-Andover, NB', 46.734052,-67.70211, 29],
['NB Liquor<br>375 Miller Blvd., <br>Dalhousie, NB', 48.036279,-66.401517, 28],
['NB Liquor<br>11 Wright St., <br>Sackville, NB', 45.90751,-64.373403, 27],
['NB Liquor<br>Prince Edward Square, <br>Saint John, NB', 45.275774,-66.055534, 26],
['NB Liquor<br>26 F. Tribe Road, <br>Perth-Andover, NB', 46.745073,-67.712055, 25],
['NB Liquor<br>948 Main St., <br>Neguac, NB', 47.252611,-65.073534, 24],
['NB Liquor<br>53 Vaughan Harvey Blvd., <br>Moncton, NB', 46.08455,-64.789472, 23],
['NB Liquor<br>580 Union St., <br>Fredericton, NB', 45.968472,-66.630744, 22],
['NB Liquor<br>JD Gauthier Blvd., <br>Shippigan, NB', 47.742108,-64.704645, 21],
['NB Liquor<br>426-A Du Moulin St., <br>Tracadie-Sheila, NB', 47.523171,-64.91537, 20],
['NB Liquor<br>2 Bristol Road, <br>Bristol, NB', 46.470682,-67.581201, 19],
['NB Liquor<br>193 Irving Blvd., <br>Bouctouche, NB', 46.463884,-64.734337, 18],
['NB Liquor<br>18A Principale St., <br>Lameque, NB', 46.091422,-64.692618, 17],
['NB Liquor<br>55 Landsdowne Place, <br>Saint John, NB', 45.276384,-66.077344, 16],
['NB Liquor<br>240 A Madawaska Road, <br>Grand Falls, NB', 47.054584,-67.745594, 15],
['NB Liquor<br>104 Gallop Court, <br>Woodstock, NB', 46.172119,-67.604327, 14],
['NB Liquor<br>138 Main St., <br>Sussex, NB', 45.725169,-65.530422, 13],
['NB Liquor<br>31 Fairville Blvd., <br>Saint John, NB', 45.24702,-66.10714, 12],
['NB Liquor<br>375 Miramichi Road, <br>Oromocto, NB', 45.833158,-66.48775, 11],
['NB Liquor<br>936 Mountain Road, <br>Moncton, NB', 46.084554,-64.789452, 10],
['NB Liquor<br>210 King St., <br>St. Stephen, NB', 45.204164,-67.27515, 9],
['NB Liquor<br>53 Vaughan Harvey Blvd., <br>Moncton, NB', 46.087078,-64.792623, 8],
['NB Liquor<br>454 Main St., <br>Hampton, NB', 45.518399,-65.834252, 7],
['NB Liquor<br>20 D boul. St. Pierre Ouest, <br>Caraquet, NB', 47.793308,-64.940872, 6],
['NB Liquor<br>575 Victoria Road, <br>Edmundston, NB', 47.384801,-68.332291, 5],
['NB Liquor<br>Parkway Mall, <br>Saint John, NB', 45.31362,-66.025858, 4],
['NB Liquor<br>513 Regis St., <br>Dieppe, NB', 46.09865,-64.755692, 3],
['NB Liquor<br>380 York St., <br>Fredericton, NB', 45.948968,-66.653532, 2],
['NB Liquor<br>1150 Prospect St., <br>Fredericton, NB', 45.9404,-66.66513, 1]
];
var stylez = [
{
stylers: [
{ invert_lightness: true },
{ visibility: "on" },
{ hue: "#e500ff" },
{ saturation: 7 },
{ lightness: -29 },
{ gamma: 1.04 }
]
}
];
var customMarker = 'resource/images/marker.png';
var mapOptions = {
zoom: 7,
center: fredericton,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, MY_MAPTYPE_ID]
},
mapTypeId: MY_MAPTYPE_ID
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var styledMapOptions = {
name: "Happy Knight"
};
var happyKnight = new google.maps.StyledMapType(stylez, styledMapOptions);
map.mapTypes.set(MY_MAPTYPE_ID, happyKnight);
var infowindow = new google.maps.InfoWindow();
var marker, i;
for (i = 0; i < locations.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
icon: customMarker,
animation: google.maps.Animation.DROP
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
infowindow.setContent(locations[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
}
</script>
<div id="map_canvas" style="margin: 40px; width: 900px; height: 500px; display: block; background: #000;"></div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28486967-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</body>
</html>
Veronica