码迷,mamicode.com
首页 > Windows程序 > 详细

GoogleMap API 入门 —— 加载

时间:2014-05-23 21:59:08      阅读:436      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   c   code   java   

1.引入GoogleMap js包

  可以选择联网

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

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

bubuko.com,布布扣
<script type="text/javascript" src="googleMap.js?sensor=false"></script>
bubuko.com,布布扣

 

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

  • ROADMAP 用于显示 Google 地图的默认、普通 2D 图块。
  • SATELLITE 用于显示拍摄的图块。
  • HYBRID 用于同时显示拍摄的图块和重要地图项(道路、城市名)的图块图层。
  • TERRAIN 用于显示自然地形图块,其中包含海拔和水体地图项(山脉、河流等)。
bubuko.com,布布扣
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 );
bubuko.com,布布扣

 

GoogleMap API 入门 —— 加载,布布扣,bubuko.com

GoogleMap API 入门 —— 加载

标签:style   class   blog   c   code   java   

原文地址:http://www.cnblogs.com/tinfay/p/3737030.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!