专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > Google技术

google Map api 第三版的右键菜单有关问题 和 自定义图层的有关问题

发布时间:2011-07-03 07:11:02 文章来源:www.iduyao.cn 采编人员:星星草
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
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

热门推荐: