多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > web前端 > jscript > Google Map API教程之使用GControl對象在地圖上添加control按鈕

Google Map API教程之使用GControl對象在地圖上添加control按鈕

來源:程序員人生   發布時間:2013-12-26 08:05:01 閱讀次數:3533次

今天查看我網站的地圖已經被谷歌收錄了5900條,而百度也開始收錄了,很欣慰~再接再厲,今天寫的這一篇Google map api教程是關于在Google地圖上添加control按鈕的,用到的是Google Map API的GControl對象,通過initialize的方法插入一個div到地圖上,再通過new GControlPosition設置按鈕的位置,最后通過Gmap的addControl方法添加這個按鈕。最終效果截圖如下:

control

實現方法原理分析

首先建立一個GControl的原型control,然后定義其initialize 方法:主要是建立一個div,并且制定div的onclick事件,最后通過gmap.getContainer().appendChild(buttonDiv)插入到地圖中去。
最后定義getDefaultPosition的方法,通過GControlPosition對象設置按鈕所在地圖的具體位置。

Google Map API 代碼

function control() {};
control.prototype = new GControl();
control.prototype.initialize = function(gmap){
var buttonDiv = document.createElement("div");
buttonDiv.id = "control";
buttonDiv.appendChild(document.createTextNode("清除標點"));
buttonDiv.onclick = function(){
gmap.clearOverlays();
};
gmap.getContainer().appendChild(buttonDiv);
return buttonDiv;
};

control.prototype.getDefaultPosition = function(){
return new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(510, 7));
};

最后我們再通過gmap.addControl(new control());將這個按鈕加入到地圖中

出處:http://www.js8.in/564.html

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
關閉
程序員人生
主站蜘蛛池模板: 男人在线网址 | 欧美日韩看片 | 亚洲国产精品a在线 | 在线精品视频成人网 | a级特黄毛片免费观看 | 偷拍自拍校园春色 | 久久三级影视 | 国产亚洲欧美日韩在线看片 | 中文字幕看片在线a免费 | 国内精品视频 在线播放 | 456在线 | 男人吃奶摸下面69视频免费 | 一区二区三区视频在线播放 | 日韩亚洲国产综合久久久 | 在线不卡亚洲 | 午夜视频www | 欧美激情福利视频在线观看免费 | 日本欧美韩国专区 | 图片区小说区校园小说 | 日本欧美做爰全免费的视频 | 精品国产高清不卡毛片 | 视频在线国产 | 伊人久久大香线蕉亚洲 | 国产亚洲精品福利片 | 国产男女爽爽爽爽爽免费视频 | 精品看片 | 成人在线小视频 | 天堂在线影院 | 国产第1页 | 亚洲高清在线 | 日本护士色xxxxx视频 | 国产dvd毛片在线视频 | 精品国产日韩一区三区 | 久久久久免费精品国产 | 亚洲成人在线网 | 午夜影院在线看 | 欧美人与性动交α欧美精品图片 | 国产精品嫩草影院在线播放 | 最新欧美精品一区二区三区不卡 | 日本一区二区高清 | 亚洲精品一区二区三区 |