首页 > 代码库 > GoogleMap API 入门 —— 加载

GoogleMap API 入门 —— 加载

2024-07-05 02:51:03   221人阅读

1.引入GoogleMap js包

　　可以选择联网

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

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

<script type="text/javascript" src="http://www.mamicode.com/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 );

 


联系
我们