导入谷歌地图(参考其他文献,个人整理)
<!DOCTYPE html>
<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyDY0kkJiTPVd2U7aTOAwhc9ySH6oHxOIYM&sensor=false">
</script>
<script>
function initialize()
{
var mapProp = {
center:new google.maps.LatLng(90.54346,-0.431613),
zoom:3,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap")
,mapProp);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="googleMap" style="width:500px;height:380px;"></div>
</body>
</html>
解析:
1.先将Google地图的API key导入。
这里面key是你自己的谷歌key,&后面的sensor可以设定TRUE/FALSE 这个参数是必须参数,是设定一个传感器(类似于GPS),用来定位用户的位置。
2.设顶地图的各个参数。
center:中心点,指定的是地图的中心位置,后面的参数是中心点的经度和纬度。
zoom:缩放倍数,当zoom:0的时候,显示了整个地图的完全缩放。
MapTypeId:地图的初始类型(分为4种)
3.