大家好,我刚刚接触google map的开发工作,对此不是很了解,有两个问题要请教大家。
1.我查阅了一些相关资料,了解到Google Map Api当前最新版本为“第三版”,我想在地图中做出自己的“右键菜单”,从网上着了好久只是找到了“第二版”的相关资料,并且可以实现“右键菜单”功能,但是只要把google地图第二版 的载入语句 改为第三版的载入语句 其它部分保持不变,该功能就不能实现了,不知道为什么。难道是有些东西在第三版中没有,所以导致了错误。
2.我想在地图上做出比较立体、直观的地下管道,不知道能否实现,如果能够实现该如何实现,请高手指点。如果不能实现用什么技术可以实现也请高手指点。
先行谢过!
------解决方案--------------------
google.maps.event.addListener(map, 'rightclick', function() {
alert(4);
});
------解决方案--------------------
- JScript code
var mapOverlay; var map ; MapOverlay.prototype = new google.maps.OverlayView(); MapOverlay.prototype.onAdd = function() { } MapOverlay.prototype.onRemove = function() { } MapOverlay.prototype.draw = function() { } function MapOverlay(map) { this.setMap(map); } function initMap() { map = //init map; mapOverlay = new MapOverlay(map); google.maps.event.addListener(map,'rightclick',function(event){ currentLatLng = event.latLng; var p = mapOverlay.getProjection().fromLatLngToContainerPixel(event.latLng); var x = p.x; var y = p.y; //addMenu }); }
------解决方案--------------------
各位都好强啊
------解决方案--------------------
右键菜单用地图的右键点击事件,那么右键菜单的面板应该用什么构造,图层吗
------解决方案--------------------
我的问题和楼主一样。
------解决方案--------------------
我做出来了。
/*创建右键菜单*/
function createContextMenu(controlUI,map) {
contextmenu = document.createElement("div");
contextmenu.style.display = "none";
contextmenu.style.background = "#ffffff";
contextmenu.style.border = "1px solid #8888FF";
contextmenu.innerHTML = "<a href='javascript:alert();'><div class='context'> 放大 </div></a>"
+ "<a href='javascript:zoomOut()'><div class='context'> 缩小 </div></a>"
+ "<a href='javascript:zoomInHere()'><div class='context'> 以此为中心放大 </div></a>"
+ "<a href='javascript:zoomOutHere()'><div class='context'> 以此为中心缩小 </div></a>"
+ "<a href='javascript:centreMapHere()'><div class='context'> 以此居中 </div></a>";
controlUI.appendChild(contextmenu);
google.maps.event.addListener(map, 'rightclick', function (event) {
alert(event.latLng);
contextmenu.style.display = "block";
});
google.maps.event.addDomListener(controlUI, 'click', function () {
contextmenu.style.display = "none";
});
}
这个是google map v3的右键菜单。
唯一不足的就是,不能在右键的地方现实菜单,只能在一个固定的位置现实。
+---------------+
+ TL T TR +
+ +
+ L R +
+ +
+ +
+ +
+ BL B BR +
+---------------+
同时收集了一下资料:www.camnpr.com