GoogleMap API 入门 —— 加载

1.引入GoogleMap js包

  可以选择联网

<script type="text/javascript" src="http://ditu.google.cn/maps/api/js?sensor=false"></script>

  也可以选择下载,然后本地运行

<script type="text/javascript" src="googleMap.js?sensor=false"></script>

 

2.设定中心点,new一个Map,参数mapTypeId的选择有以下几种

  • ROADMAP 用于显示 Google 地图的默认、普通 2D 图块。
  • SATELLITE 用于显示拍摄的图块。
  • HYBRID 用于同时显示拍摄的图块和重要地图项(道路、城市名)的图块图层。
  • TERRAIN 用于显示自然地形图块,其中包含海拔和水体地图项(山脉、河流等)。
1 var myLatLng = new google.maps.LatLng(24.886436490787712, -70.2685546875);
2 var myOptions = {
3     zoom: 5,
4     center: myLatLng,
5     mapTypeId: google.maps.MapTypeId.TERRAIN
6     };
7 var map = new google.maps.Map( document.getElementById("map_canvas"), myOptions );

 

posted @ 2014-05-19 16:04  tinfay.ho  阅读(159)  评论(0编辑  收藏  举报