<!DOCTYPE html><html><head><meta charset="utf-8"/>
<title>异步加载</title>
<body>
<div id="map" style="width:742px;height:500px;" ></div>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
// Creating a LatLng object containing the coordinate for the center of the map
var latlng = new google.maps.LatLng(31.266116285998351, 121.002388000488281);
// Creating an object literal containing the properties we want to pass to the map
var options = {
zoom: 10,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
scrollwheel : false
};
// Calling the constructor, thereby initializing the map
var map = new google.maps.Map(document.getElementById('map'), options);
// Creating a marker and positioning it on the map
var marker = new google.maps.Marker({
position: new google.maps.LatLng(31.266116285998351, 121.002388000488281),
map: map
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
</script>
21212
</body>
</html>