GoogleMap API V3
https://developers.google.com/maps/documentation/javascript/reference?hl=zh-CN
Hello Map
<!DOCTYPE html> <html> <head> <title>Simple Map From Google API</title> <meta charset="utf-8"> <style> /**如不指定系统会将其大小假定为 0x0 像素*/ #map-canvas { width:300px; height:600px; } </style> <!--加载 Google Maps JavaScript API--> <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> <script> var map; function initialize() { //Map options 对象来包含地图初始化变量 var mapOptions = { zoom: 8, //分辨率 缩放 0 相当于地球地图可缩小的最低级别 分辨率较高,覆盖的区域则较小 center: new google.maps.LatLng(-34.397, 150.644), //地图中心 创建 LatLng 对象 按 {纬度,经度} 的顺序传递位置的坐标,以存储该位置 mapTypeId: google.maps.MapTypeId.ROADMAP /** ROADMAP,用于显示 Google 地图的默认、普通 2D 图块。 SATELLITE,用于显示拍摄的图块。 HYBRID,用于同时显示拍摄的图块和重要地图项(道路、城市名)的图块图层。 TERRAIN,用于显示自然地形图块,其中包含海拔和水体地图项(山脉、河流等)。 */ }; map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); </script> </head> <body> <!--存储地图--> <div id="map-canvas"></div> </body> </html>
以武汉为中心
var mapOptions = { zoom: 7, center: new google.maps.LatLng(30.51667,114.31667), //-34.397, 150.644 114.31667,30.51667 mapTypeId: google.maps.MapTypeId.TERRAIN };
版本类型
发行版本,可使用 v=3 或省略 v 参数来指定。
实验版本,可使用 v=3.exp 来指定。该版本是以主干版本为基础的当前版本,其中包含公开发布的所有错误修复和新增地图项。
编号版本,用 v=3.number 表示,指定了 API 的地图项集。
http://maps.googleapis.com/maps/api/js?v=3.9&sensor=true_or_false
版本 3.9 参考(发行)
版本 3.10 参考(实验)
版本 3.8 参考(冻结)
版本 3.0 到 3.7 都已停用。
区域本地化
region 参数添加到 <script> 标记中,以覆盖该默认行为。英国的 ccTLD 为“uk”(与其域名 .co.uk 相对应),而其区域标识符则为“GB”。还不是很懂,没有看到明显效果
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false®ion=GB">
事件
MVC 对象通常都包含状态。只要更改了对象的属性,API 就会触发已更改该属性的事件。
如:当地图的缩放级别更改后,API 将会触发地图上的 zoom_changed 事件。您也可以在 event 命名空间方法中注册 addListener() 事件处理程序,以拦截这些状态更改。
无法修改用户界面元素(如版权和 Google 徽标)的位置
启用45度图像
map.setTilt(45);
map.setHeading(90); 旋转45度图像
Maps API 需要将世界位置转换为地图(屏幕)上的位置时,都需要先将纬度和经度值转换为“世界”坐标。此转换过程使用地图投影来完成。为此,Google Maps 使用墨卡托投影。您也可以定义自己的投影以实现 google.maps.Projection
接口。
墨卡托投影在经度方向上的宽度有限,但在纬度方向上的高度无限。
Google Maps API 可能无法加载最有用的较高缩放级别的所有地图图像;而是会将每个缩放级别的图像都分割为一组地图图块,这些图块逻辑上按照应用能识别的顺序排列。当地图滚 动到新位置或新的缩放级别时,Maps API 会使用像素坐标确定所需的图块,然后将这些值转换为一组要检索的图块。这些图块坐标采用逻辑上易于确定哪些图块包含任何给定点的图像的方案进行分配。
Google 地图中的图块从与像素原点相同的位置进行编号。
自定义地图类型必须实现 MapType
接口
地球是一个三维球体(近似说法),而地图是二维平面。您在 Google Maps API 内看到的地图与其他的地球平面地图一样,都是地球在平面上的投影。简单而言,投影可定义为纬度/经度值在投影地图的坐标上的映射。
动态修改 mapTypeId:
map.setMapTypeId(google.maps.MapTypeId.TERRAIN);
相关推荐
Google Map V3 开放手册 开放文档 里面包含了 Map类 方法 属性 是咧
google map v3开发 V3地图搜素,V3地图标注,V3地图多点标注
google map v3 demo 数据库动态案例 php的
Google Map v3 官方实例 .手工整理的.
google map v3离线地图资源包,原博文链接源码
GoogleMap中文教程,包含V3版本中文API,不过是通过翻译出来的,不过作为平时上不了网的脱机资源还是可以看看的。
googleMap的中文API,V3版本的,希望对于还在使用googleMap离线地图的你有所帮助
Google Map API V3 离线开发文档(与Google官网一模一样,经编辑后离线也能照样查看,速度提升一个等级) PS:文件不能重命名,而原因想必你懂的!
一个集成google map api v3版本的wpf程序,点击地图自动添加标记
根据经纬度转换成详细地址。由于google map v2 已申请不了key 了, 更换成v3, 代码也需要更换成v3代码。2013-10-30上传。
谷歌MAP_V3中文详解以及一个简单例子
NULL 博文链接:https://zhengchao123.iteye.com/blog/1878851
google-maps-utility-library-v3 http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries
NULL 博文链接:https://wujay.iteye.com/blog/1273100
google map v3 实例。很有参考价值
Google Map V3 javascript计算两个marker之间的距离 做地图开发,最常用到的就是marker一些操作和交互。简单介绍一下,两个marker之间的距离计算。 google map api 很方便的 只要是常用的 基本上都有接口。 1.创建两...
让 Google Map V3 API 在 Visualforce 上显示帐户信息的简单代码 Read full blog post here at : http://www.oyecode.com/2015/01/how-to-add-google-map-in-salesforce.html Pin-Drop 动画脚本: marker = new ...
这里收集了很多关于googlemaps jsv3版本的示例,供参考
谷歌升级后的地图demo,不包含密钥的开发。仅供借鉴
Google Map api V3 (3.9.12)的离线开发包