google地图的右键菜单

<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.Date"
pageEncoding="UTF-8"%><html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:v="urn:schemas-microsoft-com:vml">
<head><link rel="stylesheet" type="text/css"
href="extjs/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="extjs/ux/css/Portal.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" />

<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script> <link rel="stylesheet" type="text/css" href="css/edit-grid2.css" />
<script type="text/javascript" src="extjs/ext-lang-zh_CN.js"></script>
<script type="text/javascript"
src="extjs/Ext.ux.grid.PageSizePlugin.js"></script>

<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/Ext.ux/Ext.ux.vtype.UserType.js"></script>

<link rel="stylesheet" type="text/css" href="js/edittreegrid/resources/edittreegrid.css" />
<script type="text/javascript" src="js/edittreegrid/edittreegrid-pkg.js"></script>

<script src="http://maps.google.com/maps?file=api&v=2&sensor=false&key=AIzaSyDpkcZf8GlLS3U4Dq3o7etWavAjhc2Z6N8" type="text/javascript"></script>


 <script src="extjs/ux/GMapPanel.js"></script>
<script type="text/javascript" src="js/validation.js"></script>

<script type="text/javascript">
            var yellowIcon = new GIcon(G_DEFAULT_ICON);
            yellowIcon.image = "http://www.google.com/intl/en_us/mapfiles/ms/micons/yellow-dot.png";

            var greenIcon = new GIcon(G_DEFAULT_ICON);

            var rIcon = new GIcon(G_DEFAULT_ICON);

</script><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Google Map Monitor System</title><script type="text/javascript">
Ext.BLANK_IMAGE_URL='extjs/resources/images/default/s.gif';
Ext.form.Field.prototype.msgTarget = "side";
Ext.QuickTips.init();
RegularCode();
var map = null;
var contextmenu;function load() {

    if (GBrowserIsCompatible()) {
        var point;
        map = new GMap2(document.getElementById("map")); map.disableDoubleClickZoom();
        map.addControl(new GOverviewMapControl());
        //map.enableDoubleClickZoom();
        map.enableScrollWheelZoom();
        map.addControl(new GMapTypeControl());
        map.addControl(new GLargeMapControl3D());
        createContextMenu(map);

        var Lat=centerLat;
        var Lng=centerLng

    }
}
function createContextMenu(map) {
    contextmenu = document.createElement("div");
    contextmenu.style.visibility = "hidden";
    contextmenu.style.background = "#FFF8DC";
    contextmenu.style.border = "1px solid #FFA54F";
    contextmenu.innerHTML = "";    contextmenu.innerHTML += "<a href='javascript:moveTo()'><div class='red-row'>  把节点移到此处  </div></a>" ;   contextmenu.innerHTML += "<a href='javascript:findPosition()'><div class='context'>  按经纬度查找位置   </div></a>" ;    contextmenu.innerHTML += "<a href='javascript:showLatLng()'><div class='context'>  显示经纬度  </div></a>"

    map.getContainer().appendChild(contextmenu);
    GEvent.addListener(map, "singlerightclick", function (pixel, tile) {
        clickedPixel = pixel;
        var x = pixel.x;
        var y = pixel.y;
        if (x > map.getSize().width - 120) {
            x = map.getSize().width - 120
        }
        if (y > map.getSize().height - 100) {
            y = map.getSize().height - 100
        }        var point = map.fromContainerPixelToLatLng(clickedPixel)        newLat = point.lat();
        newLng = point.lng();
        //alert(point.lat());
        var erOptions = {
            icon: greenIcon
        };
        var er = new GMarker(point, erOptions);
       // map.addOverlay(er);        var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(x, y));        pos.apply(contextmenu);
        contextmenu.style.visibility = "visible";
    });
    //点击地图隐藏右键菜单
    GEvent.addListener(map, "click", function () {
        contextmenu.style.visibility = "hidden";
    });
}function moveTo() {
    if(regionId=='null' || regionId=='' || regionId==null || regionId=='0'){
     Ext.Msg.alert('提示','请先选择一个节点!');
     return;
    }else{
     newLat=toDecimal(newLat);
     newLng=toDecimal(newLng);
        if(newLat>0){
newLat="N"+newLat;
}else if(newLat<0){
newLat="S"+(-newLat);
}
if(newLng>0){
newLng="E"+newLng;
}else if(newLng<0){
newLng="W"+(-newLng);
}
     Ext.Ajax.request({
        url: 'DeviceInfo.do?method=setNewLatLng&regionId=' + regionId + '&newLat=' + newLat + '&newLng=' + newLng,
        timeout: 500000,
        waitMsg: 'Loading',
        success: function (response, options) {
            Ext.MessageBox.confirm('提示', '移动成功! ' + '<br><br>新的经度是: ' + newLng + '<br>新的纬度是: ' + newLat + '<br><br>要刷新地图吗?', function (btn) {
                if (btn == 'yes') {
                    self.location = "DeviceInfo.do?method=showBuilding&regionId=" + regionId + "&centerLat=" + newLat + "&centerLng=" + newLng;
                }
            })
        },
        failure: function (response, options) {
            Ext.MessageBox.alert('提示', "移动节点失败!");
        }
     });
    }
}
//------------------------------------------------------------------------------------
function toDecimal(x) {
      var f = parseFloat(x);
      if (isNaN(f)) {
          return;
      }
      f = Math.round(x*100000)/100000;
      return f;
}
function showLatLng()
{
//alert(toDecimal(-3.14159267));
newLat=toDecimal(newLat);
if(newLat>0){
newLat="N"+newLat;
}else if(newLat<0){
newLat="S"+(-newLat);
}
newLng=toDecimal(newLng);
if(newLng>0){
newLng="E"+newLng;
}else if(newLng<0){
newLng="W"+(-newLng);
}
    Ext.MessageBox.alert('位置信息', '  纬度 : '+newLat+' <br/>  经度 : '+newLng);
}
function findPosition() {}//-------------------------------------------------------------------------------------function zoomIn() {
    map.zoomIn();
    contextmenu.style.visibility = "hidden";
}function zoomOut() {
    map.zoomOut();
    contextmenu.style.visibility = "hidden";
}function zoomInHere() {
    var point = map.fromContainerPixelToLatLng(clickedPixel)
    map.zoomIn(point, true);
    contextmenu.style.visibility = "hidden";
}function zoomOutHere() {
    var point = map.fromContainerPixelToLatLng(clickedPixel)
    map.setCenter(point, map.getZoom() - 1);
    contextmenu.style.visibility = "hidden";
}function centreMapHere() {
    var point = map.fromContainerPixelToLatLng(clickedPixel)
    map.setCenter(point);
    contextmenu.style.visibility = "hidden";
}function getMapHeight()
{
alert('getMapHeight');
return 200;
}function GetBrowserInfo(){
    //浏览器集合对象,动态添加Sys.ie、Sys.firefox、Sys.chrome、Sys.opera、Sys.safari属性来存储各自浏览器的版本号
    var Sys = {};
    var ua = navigator.userAgent.toLowerCase();
    var s;
    (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
    (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
    (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
    (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
    (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
    //以下进行测试,正则方式判断浏览器
    return Sys;
}

function GetBrowser(){
    var Sys = GetBrowserInfo();
    //如果Sys.ie属性存在,则证明是IE浏览器
    if(Sys.ie){
        return "IE";
    }
    if(Sys.firefox){
        return "FIREFOX";
    }
    if(Sys.chrome){
        return "CHROME";
    }
    if(Sys.opera){
        return "OPERA";
    }
    if(Sys.safari){
        return "SAFARI";
    }
}
// 获得浏览器版本
function GetBrowserVer(){
    var Sys = GetBrowserInfo();
    //如果Sys.ie属性存在,则证明是IE浏览器
    if(Sys.ie){
        return Sys.ie;
    }
    if(Sys.firefox){
        return Sys.firefox;
    }
    if(Sys.chrome){
        return Sys.chrome;
    }
    if(Sys.opera){
        return Sys.opera;
    }
    if(Sys.safari){
        return Sys.safari;
    }
}

var glBrowser = GetBrowser(); </script>
</head>
<body onload="load()" onunload="GUnload()"
    style="background-color: Transparent">
<div id="map" style="width: 100%;height: 100%"></div>
</body>
</html>
估计跟我一个问题。这一句，把版本号v=2.x改成3，具体怎么改我不太熟，不过这个思路没错

调试易

google地图的右键菜单

解决方案 »