/* Init Google Map Mouse Right ContextMenu Start */
function initializeGoogleMapContextMenu() {
    /*contextMenu*/
    _contextMenu = document.createElement("div");
    $(_contextMenu).css({ display: "none" });
    var contextMenuImage = document.createElement("img");
    $(contextMenuImage).css({ cursor: "pointer" });
    $(contextMenuImage).click(clickContextMenuEvent);
    contextMenuImage.src = "/images/btn_mouse_right_upload.png";
    _contextMenu.appendChild(contextMenuImage);
    map.getContainer().appendChild(_contextMenu);

    //Bind Event

    GEvent.addListener(map, "singlerightclick", function(pixel, tile) {
        _contextMenuClickPixel = pixel;
        var x = _contextMenuClickPixel.x;
        var y = _contextMenuClickPixel.y;

        if (x > map.getSize().width - 120) { x = map.getSize().width - 120 }
        if (y > map.getSize().height - 100) { y = map.getSize().height - 100 }
        //判断是否登陆

        if (!checkLogin()) {
            alert("请先登录,在上传视频");
            return;
        }
        //设置菜单位置

        var pos = new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(x, y));
        pos.apply(_contextMenu);
        displayContextMenu();
    });
}
function clickContextMenuEvent() {
    //Google map api内置像素转坐标函数

    var point = map.fromContainerPixelToLatLng(new GPoint(_contextMenuClickPixel.x, _contextMenuClickPixel.y));
    var _params = {
        lat: point.lat(),
        lng: point.lng()
    };
    //弹出一个窗口

    var myHtml = createIframeHtml(310, 310, "upload.aspx", _params);
    map.openInfoWindowHtml(point, myHtml)
}
//显示菜单

function displayContextMenu() {
    $(_contextMenu).show();
    //点击任意位置，隐藏菜单

    $(document).one('click', hideContextMenu);
}
//隐藏菜单

function hideContextMenu() {
    $(_contextMenu).hide();
}
/* Init Google Map Mouse Right ContextMenu End */

//GISGroundOverlay
function GISGroundOverlay(imageUrl, bounds, opacity) {
    this.imageUrl_ = imageUrl;
    this.bounds_ = bounds;
    this.opacity_ = opacity || 1;
    this.overlayImgId_ = "__groundoverlay_img";
}
GISGroundOverlay.prototype = new GOverlay();
GISGroundOverlay.prototype.initialize = function(map) {
    var pane = map.getPane(G_MAP_MAP_PANE);
    $(pane).empty();
    var div = document.createElement("div");
    div.style.position = "absolute";
    var img = document.createElement("img");
    img.id = this.overlayImgId_;
    img.src = this.imageUrl_;
    $(img).css({ "opacity": this.opacity_ });
    if (this.imageUrl_) {
        $(div).append(img);
    }
    pane.appendChild(div);

    this.div_ = div;
    this.map_ = map;
    this.img_ = img;
}
GISGroundOverlay.prototype.setOverlayImage = function(src) {
    if (src) {
        $("#" + this.overlayImgId_).attr("src",src);
    }
}
GISGroundOverlay.prototype.remove = function() {
    if (this.div_.parentNode)
        this.div_.parentNode.removeChild(this.div_);
}
GISGroundOverlay.prototype.copy = function() {
    return new GISOverlay(this.bounds_);
}
GISGroundOverlay.prototype.setOpacity = function(opacity) {
    $(this.img_).css({ "opacity": opacity });
}
GISGroundOverlay.prototype.redraw = function(force) {
    if (!force) return;

    // Calculate the DIV coordinates of two opposite corners of our bounds to
    // get the size and position of our rectangle
    var c1 = this.map_.fromLatLngToDivPixel(this.bounds_.getSouthWest());
    var c2 = this.map_.fromLatLngToDivPixel(this.bounds_.getNorthEast());
    var width = Math.abs(c2.x - c1.x);
    var height = Math.abs(c2.y - c1.y);
    var left = Math.min(c2.x, c1.x);
    var top = Math.min(c2.y, c1.y);

    // Now position our DIV based on the DIV coordinates of our bounds

    this.div_.style.width = width + "px";
    this.div_.style.height = height + "px";
    this.div_.style.left = left + "px";
    this.div_.style.top = top + "px";
}

下面列出一些Google map api的参考站点：

http://econym.org.uk/gmap/
http://maps.forum.nu/
http://koti.mbnet.fi/ojalesa/exam/index.html

Author:兴百放

Web:http://xbf321.cnblogs.com/

Time:2010,3,13