Google Maps API for China.pdfVIP

Google Maps API for China Xinghua An May 31, 2007 3 Google Confidential Google Maps API出现之前… 4 Google Confidential Google Maps API发布之后… 5 Google Confidential 什么是Google Maps API？ ? 对web开发者来说，是一个Javascript类库。它可以： – 在用户自己的网页中嵌入Google Maps – 将自己网页的内容与Google Maps融合呈现 – 是一个开放系统：对Google Maps自身进行二次开发 ? 使用和开发绝大多数情况下完全免费！ ? 1 + 1 = 2.537… 6 Google Confidential Google Maps API ? 基本功能及使用 – 目前版本：GMap2 – HelloWorld程序，Maps控件，事件处理，信息窗口，层，点、折线以及多 边型等 ? 高级功能简介 – 异步HTTP通讯：GXmlHttp, GDownloadUrl – 创建自己的控件：控件子类化 – 地址定位 ? 必威体育精装版功能 – KML与GeoRSS支持 – 地图标注管理器：MarkerManager – 我的地图：MyMaps 7 Google Confidential Google Maps API 8 Google Confidential Maps API基本功能 –从HelloWorld程序开始 script src=“/maps?file=apiamp;v=2amp;key=Repla ceYourGoogleMapKeyHere” type=text/javascript /script script type=text/javascript var map = new GMap2(document.getElementById(map)); map.setCenter(new GLatLng(37, 107), 4); /script ?在网页中创建Google地图对象 9 Google Confidential Maps API基本功能 –从HelloWorld程序开始 ? 以上代码在网页指定的div元素中创建一个Google地图对 象，并将视野设置成全国范围 10 Google Confidential Maps API基本功能 –添加控件(Controls) var map = new GMap2(document.getElementById(map)); map.addControl(new GSmallMapControl()); map.setCenter(new GLatLng(37, 107), 4); ?以下代码在地图中添加视野缩放的控件 11 Google Confidential Maps API基本功能 –信息窗口(InfoWindows) var map = new GMap2(document.getElementById(map)); map.setCenter(new GLatLng(37, 107), 4); map.openInfoWindow(map.getCenter(), document.createTextNode(“Hello, World”)); ?以下代码在地图中弹出一个信息窗口 12 Google Confidential Maps API基本功能 –图层(Overlays) var map = new GMap2(document.getElementById(map)); map.setCenter(new GLatLng(37, 107), 4); var bounds = map.getBounds(); var southWest = bounds.getSouthWest(); var northEast = bounds.getNorthEast(); var lngSpan = northEast.lng() - southWest.lng(); var latSpan = northEast.lat() - southWest.lat(); for (var i = 0; i 10; i++) { var point = new GLatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()); map.addOverlay(new GMarker(point)); } ?创建标注(GMarkers) 13 Go