News Contents
信息中心

google map使用自定義Marker在地圖上添加文字標示

發表日期:2020/3/29      瀏覽次數:

Code highlighting produced by Actipro CodeHighlighter (freeware)

http://www.CodeHighlighter.com/


google.maps.LabelMarker = function(latlng, options)

{

    this.latlng = latlng;

    this.labelText = options.labelText || '';

    this.labelClass = options.labelClass || 'writeb';

    this.labelOffset = options.labelOffset || new google.maps.Size(8, -33);

    options.icon = options.icon || getTextIcon();

    google.maps.Marker.apply(this, arguments);

}


google.maps.LabelMarker.prototype = new google.maps.Marker(new google.maps.LatLng(0, 0));


google.maps.LabelMarker.prototype.initialize = function(map){

    google.maps.Marker.prototype.initialize.call(this, map);

    

    var label = document.createElement('div');

    label.className = this.labelClass;

    label.innerHTML = this.labelText;

    label.style.position = 'absolute';

    label.style.width = '48px';

    map.getPane(G_MAP_MARKER_PANE).appendChild(label);

    

    this.map = map;

    this.label = label;

}


google.maps.LabelMarker.prototype.redraw = function(force){

    google.maps.Marker.prototype.redraw.call(this, map);

    

    if(!force)

    {

        return;

    }

    

    var point = this.map.fromLatLngToDivPixel(this.latlng);

    var z = google.maps.Overlay.getZIndex(this.latlng.lat());

    

    this.label.style.left = (point.x + this.labelOffset.width) + 'px';

    this.label.style.top = (point.y + this.labelOffset.height) + 'px';

    this.label.style.zIndex = z + 1;

}


google.maps.LabelMarker.prototype.remove = function(){

    this.label.parentNode.removeChild(this.label);

    this.label = null;

    google.maps.Marker.prototype.remove.call(this);

}


function getTextIcon()

{

    var icon = new google.maps.Icon();

    icon.image = "/js/map/img/mapts.gif";

    icon.iconSize = new GSize(48, 40);

    icon.iconAnchor = new GPoint(0, 40);

    icon.infoWindowAnchor = new GPoint(5, 1);

    return icon;

}



var marker = new google.maps.LabelMarker(map.getCenter(), { 
    labelText:'我在這'
   });
       
map.addOverlay(marker);

盛大建站承接個人、公司、企業的網站建設、網頁設計、網店制作、獨立商城制作、外貿網站制作,也承接同行介紹的業務,歡迎聯系!
本站承接主要業務如下:
1、提供免備案虛擬主機(網站空間),有獨立國內服務器、高速美國服務器、香港服務器、韓國服務器、日本服務器,>> http://www.fuanxx.com
2、網站建設:個人網店制作、企業建站、公司網站、新聞、下載等;論壇、博客網站搭建,承接外貿英文站制作
3、承接阿里巴巴、京東、淘寶、天貓等的商品數據采集
4、網站防釣魚,可以過360、QQ、搜狗、金山、微信攔截
5、要就發IP網站限制訪問系統,防止同行抄襲并保障海外客戶訪問不受影響,>> http://www.198ip.com
  下一篇:沒有了!
十年如一日,我們專注于提供高品質 定制網站建設服務!
您的信任,我們的責任,期待與您的合作!
广西11选5技巧