Google map api 基本功能使用及服务本地化的解决方案.pptVIP

Google map api Google map api 基本功能使用及服务本地化的解决方案 GoogleMapsAPI是Google为开发者提供的Maps编程API。它允许开发者在不必建立自己的地图服务器的情况下，将GoogleMaps地图数据嵌入到网站之中，从而实现嵌入GoogleMaps的地图服务应用，并借助GoogleMaps的地图数据为用户提供位置服务。 Google map api 是javascript 形式的接口，利用javascript，用户可以像google地图一样在自己的地图上添加覆盖物，比如标记、折线，或者响应用户的点击动作，并显示包含内容信息在内的气泡提示窗口。可以将google 地图服务分为3个部分来看待： 1 2 3 Contents google提供的js库文件  script type=text/javascript src=/maps/api/js?sensor=false/script 或者/maps/api/js?v=3.1sensor=false Maps API 的 JavaScript 代码通过请求  /maps/api/js 的引导程序网址进行加载。该引导程序请求会加载所有的 JavaScript 主对象，以便在 Maps API 中使用。 google提供的js库文件 地图类型 （mapType） 地图容器 （div） google提供的js库文件 google提供的js库文件 常见问题二： double-margin bug 常用功能三：向地图中添加标记—构造Marker对象 标记图标 （icon） 标记标题 （title） google提供的js库文件 常见问题二： double-margin bug 常用功能三：向地图中添加标记—构造Marker对象 google提供的js库文件 所在地图 （map） google提供的js库文件 google提供的js库文件 监听函数 (1)监听地图的缩放： google.maps.event.addListener(map, zoom_changed, function() {   // 缩放级别变化后要执行的函数；       }); (2)标记的点击： google.maps.event.addListener( marker, click, function( event) {  // 点击事件后要执行的函数；  infowindow.open(map，marker);       }); (3)监听dom事件: google.maps.event.addDomListener(window, load, initialize); google地图数据 地理坐标 geographiccoordiate 通过构造一个坐标对象可以确定地球上唯一一个点 new google.maps.LatLng( 39.9629,116.3581); google地图数据 世界坐标 worldcoordinate 缩放级别为0 像素为256*256的png图像 世界坐标空间为 {0-256}, {0-256} 每个地理坐标点对应唯一一个世界坐标 google地图数据 像素坐标 pixelcoordinate pixelCoordinate = worldCoordinate * 2zoomLevel google地图数据 图块坐标 pixelcoordinate Zoomlevel=0 256*256 Zoomlevel=2 1024*1024 pixelCoordinate = worldCoordinate * 2zoomLevel Zoomlevel=1 512*512 0,0 1,1 1,0 0,1 1,0 0,0 3,1 2,1 1,3 1,1 1,2 0,3 0,2 0,1 3,2 3,3 2,3 2,2 3,0 2,0 tileCoordinate= pixelCoordinate/256 取整 关于JavaScript的兼容 坐标转换 0,0 1,1 1,0 0,1 地理坐标 世界坐标 像素坐标 图块坐标 google地图数据 通过在线google地图的移动，可以看出google map会去类似这样的地址/vt?src=apiv3x=2y=2z=2 /vt?src=apiv3x=3y=2z=2 /vt?src=apiv3x=2y=3z=2 /vt?src=apiv3x=3y=3z=2 存在的问题 online offline ●不能连接外网 ● 地图不满足需求 ● 放大到一定级别没有想要的瓦片 A Q