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);
定义了地图的当前位置.缩放大小
1.地图标点
通过左键点击可以对地图任意位置标点标注一个地图需要对通过增加一个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);
在地图上标注这个点
2.画线
var polyline = new GPolyline ([
new GLatLng(39.9493, 116.3975),
new GLatLng(39.9593, 116.4071)
], "#ff0000", 10);
map.addOverlay(polyline);
定义一个GPolyline 传入两个坐标点线的颜色等信息,然后对地图添加这个定义好的线,脚本会自动按照前后坐标点的顺序画出一条线.(可以传入更多的点进行画线)
3.自定义标注图标
var blueIcon = new GIcon(G_DEFAULT_ICON);
blueIcon.image = "图片位置";
// Set up our GMarkerOptions object
markerOptions = { icon:blueIcon };
通过以上方法可以简单的定义一个自定义的图标
在标注的时候
map.addOverlay(new GMarker(point, markerOptions));
通过这段脚本可以让标注点的图标都是我们自定义好的.
4.移除标注点
removeOverlay 传入一个new GMarker() 的标注点.
5.计算距离
6.反响解码
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(
'<b>orig latlng:</b>' + + '<br/>' +
'<b>latlng:</b>' + place.Point.coordinates[0] + "," + place.Point.coordinates[1] + '<br>' +
'<b>Status Code:</b>' + response.Status.code + '<br>' +
'<b>Status Request:</b>' + response.Status.request + '<br>' +
'<b>Address:</b>' + place.address + '<br>' +
'<b>Accuracy:</b>' + place.AddressDetails.Accuracy + '<br>' +
'<b>Country code:</b> ' + place.AddressDetails.Country.CountryNameCode);
}
}
通过以上代码可以解析出当前用户点击的点的地址信息.
遗留问题
1.线需要箭头当前的API 不支持箭头(个人开发版没有这个功能提供.只能自己画)
2.标点取到XY 可以取到X Y 可以通过两个坐标反向解析出应有的数据
3.鼠标移动上去可以显示信息.
4.弹出窗口风格是否可以改可以更改
5.搜索点附近的点. (没有解决)
6.测距. 自己计算
7.网上搜一下GPS 真实数据是不是就是google 的坐标。