google地图API的简单使用

<div id="contact_container" style="width:700px;height:600px;"></div>

<script type="text/javascript">

function initialize() {

var myLatlng = new google.maps.LatLng(39.95745,116.32764);

var myOptions = {

zoom: 18,

center: myLatlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

}

var map = new google.maps.Map(document.getElementById("contact_container"), myOptions);

var marker = new google.maps.Marker({

position: map.getCenter(),

map: map,

title: ‘CAAS‘

});

}

function loadScript() {

var script = document.createElement("script");

script.type = "text/javascript";

script.src = "http://maps.google.com/maps/api/js?language=en&sensor=false&callback=initialize";

document.body.appendChild(script);

}

window.onload = loadScript;

</script>