GOOGLE地图开发文档.docVIP

GOOGLE地图开发文档 关于几个基本功能的介绍 前期处理 使用GOOGLE要注册GOOGLE 的key 使用GOOGLE 地图 首先要定义一个 GMAP 对象 map = new GMap2(document.getElementById(map_canvas)); 这里定义一个 GMAP2 对象 其中 表明了 地图的位置在名为 map_canvas 的DIV中 map.setCenter(new GLatLng(39.9493, 116.3975), 13); map.addControl(new GLargeMapControl); 定义了地图的 当前位置.缩放大小 地图标点 通过左键点击可以对地图任意位置标点 标注一个地图 需要对通过 增加一个click 的事件, GEvent.addListener(map, singlerightclick, getAddress); 其中 map 就是对一个GMAP2对象增加一个事件, 包括 singlerightclick ,click事件等.详细请参看GOOGLE API详细文档 Getaddress 是当 发生singlerightclick 事件的时候 出发的函数 标记一个地图点需要以下操作 marker = new GMarker(new GLatLng(39.9493, 116.3975)); 定义一个地图点 map.addOverlay(marker); 在地图上标注这个点 画线 var polyline = new GPolyline ([ new GLatLng(39.9493, 116.3975), new GLatLng(39.9593, 116.4071) ], #ff0000, 10); map.addOverlay(polyline); 定义一个GPolyline 传入两个 坐标点 线的颜色 等信息,然后对地图添加这个定义好的线,脚本会自动按照前后坐标点的顺序画出一条线.(可以传入更多的点进行画线) 自定义标注图标 var blueIcon = new GIcon(G_DEFAULT_ICON);? blueIcon.image = 图片位置;? ? ? ? ? ? ? ? ? ? // Set up our GMarkerOptions object? markerOptions = { icon:blueIcon };? 通过以上方法可以简单的定义一个自定义的图标 在标注的时候 map.addOverlay(new GMarker(point, markerOptions));? 通过这段脚本 可以让标注点的图标都是我们 自定义好的. 移除标注点 removeOverlay 传入一个new GMarker() 的标注点. 计算距离 反响解码 function showAddress(response) { // map.clearOverlays(); if (!response || response.Status.code != 200) { alert(Status Code: + response.Status.code); } else { place = response.Placemark[0]; point = new GLatLng(place.Point.coordinates[1],place.Point.coordinates[0]); marker = new GMarker(point); map.addOverlay(marker); marker.openInfoWindowHtml( borig latlng:/b + response.name + br/ + blatlng:/b + place.Point.coordinates[0] + , + place.Point.coordinates[1] + br + bStatus Code:/b + response.Status.code + br + bStatus Request:/b + response.Status.request + br + bAddress:/b + place.address + br + bAccuracy:/b + place.AddressDetails.Accuracy + br + bCountry code