导入谷歌地图(参考其他文献,个人整理)

<!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.

    

posted @ 2016-06-22 15:49  蘑菇_sir  阅读(515)  评论(0编辑  收藏  举报