读书人

google Map api 第三版的右键菜单有关

发布时间: 2012-02-09 18:22:27 作者: rapoo

google Map api 第三版的右键菜单问题 和 自定义图层的问题
大家好,我刚刚接触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

读书人网 >网络基础

热点推荐