Js调用Google地图的API
在body中放上一个div id设置为map
添加样式
<style type="text/css">
html{height: 100%;}
body{height: 100%; margin: 0px; padding: 0px; }
#map{ height: 100%; }
</style>
添加API接口连接
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="http://code.google.com/apis/gears/gears_init.js"></script>
添加javascript
<script language="javascript" type="text/javascript">
var map; //定义一个Map对象
//初始化一个最简单的地图
window.onload = function () {
//实例化LatLng,LatLng是标注经纬度的对象,用它来控制地图中心显示的坐标
var latlng = new google.maps.LatLng(31.88311, 117.315724);
//定义MapOptions对象属性
var myOptions = {zoom: 14, //地图缩放级别 center: latlng, //中心点坐标 mapTypeId: google.maps.MapTypeId.ROADMAP //地图显示的类型。有地图(ROADMAP)、卫星(SATELLITE)、混合(HYBRID)、地形(TERRAIN)四种类型 }
//创建地图。构造器中有两个参数。第一个参数是显示层div的对象。第二个参数是myOptions
map = new google.maps.Map(document.getElementById("map"), myOptions);
}
</script>