Google Map API教程之使用GControl对象在地图上添加control按钮
发布时间：2018-09-03 19:44:19 所属栏目：创业 来源：站长网
导读：本日查察我网站的舆图已经被谷歌收录了5900条，而百度也开始收录了，很欣慰~不屈不挠，本日写的这一篇Google map api教程是关于在Google舆图上添加control按钮的，用到的是Google Map API的GControl工具，通过initialize的要领插入一个div到舆图上，再通过
|
本日查察我网站的舆图已经被谷歌收录了5900条，而百度也开始收录了，很欣慰~不屈不挠，本日写的这一篇Google map api教程是关于在Google舆图上添加control按钮的，用到的是Google Map API的GControl工具，通过initialize的要领插入一个div到舆图上，再通过new GControlPosition配置按钮的位置，最后通过Gmap的addControl要领添加这个按钮。最终结果截图如下：
实现要领道理说明起首成立一个GControl的原型control，然后界说其initialize 要领：首要是成立一个div，而且拟定div的onclick变乱，最后通过gmap.getContainer().appendChild(buttonDiv)插入到舆图中去。 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 （编辑：河北网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
