文档章节

[百度]自定义控件

o
 osc_gu9d45li
发布于 2019/04/25 19:08
字数 236
阅读 13
收藏 0

精选30+云产品,助力企业轻松上云!>>>

 1 // 定义一个控件类,即function
 2 function ZoomControl() {
 3     // 默认停靠位置和偏移量
 4     this.defaultAnchor = BMAP_ANCHOR_BOTTOM_RIGHT;
 5     this.defaultOffset = new BMap.Size(20, 20);
 6 }
 7 
 8 // 通过JavaScript的prototype属性继承于BMap.Control
 9 ZoomControl.prototype = new BMap.Control();
10 
11 // 自定义控件必须实现自己的initialize方法,并且将控件的DOM元素返回
12 // 在本方法中创建个div元素作为控件的容器,并将其添加到地图容器中
13 ZoomControl.prototype.initialize = function (map) {
14     // 创建一个DOM元素
15     var div = document.createElement("div");
16     // 添加文字说明
17     div.innerHTML = "<p class='text'>立即购买</p>"
18     //div.appendChild(document.createTextNode("立即下单"));
19     // 设置样式
20     div.className = "btn";
21     // 绑定事件,点击一次放大两级
22     div.onclick = function (e) {
23         alert("下单喽~")
24     }
25     // 添加DOM元素到地图中
26     map.getContainer().appendChild(div);
27     // 将DOM元素返回
28     return div;
29 }
30 // 创建控件
31 var myZoomCtrl = new ZoomControl();
32 // 添加到地图当中
33 map.addControl(myZoomCtrl);
View Code

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
百度地图新手教程3(转载自百度)

控件 1.地图控件概述 2.向地图添加控件 3.控制控件位置 4.修改控件配置 5.自定义控件 地图控件概述 百度地图上负责与地图交互的UI元素称为控件。百度地图API中提供了丰富的控件,您还可以通过...

长平狐
2013/01/06
3K
0
如何美化windows桌面

如何美化windows桌面 一、总结 一句话总结: 主要使用如下5个软件:Porcelain 主题&图标;Fences整理桌面;WallpaperEngine动态壁纸;StartlsBack自定义菜单和任务栏;Rainmeter桌面控件; ...

osc_z7893gdn
01/28
5
0
百度地图AIP的用法

首先 ,如果想调用百度地图api,你需要获取一个百度地图api的密钥。 申请密钥很简单,在百度地图api的首页就有相关链接,填写相关信息百度就会给你一个密钥了。 接下来,就是引入百度地图的a...

osc_k5dg06i6
2019/05/24
3
0
如何快速构建一张周边疫情地图

本文作者:用户_123456789 近期,百度地图上线了“疫情小区”功能,使大家能够更清晰的查看周边疫情相关数据与人群密集场所,主动规避疫情相关场所。同时我们也收到了部分开发者的咨询:如何...

百度开发者中心
02/27
0
0
如何快速构建一张周边疫情地图

本文作者:用户_123456789 近期,百度地图上线了“疫情小区”功能,使大家能够更清晰的查看周边疫情相关数据与人群密集场所,主动规避疫情相关场所。同时我们也收到了部分开发者的咨询:如何...

百度开发者中心
02/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

是否有可能从另一个git存储库中挑选一个提交? - Is it possible to cherry-pick a commit from another git repository?

问题: I'm working with a git repository that needs a commit from another git repository that knows nothing of the first. 我正在使用一个git存储库,需要从另一个不知道第一个存储库......

技术盛宴
昨天
26
0
【LeetCode】53 盛最多水的容器

题目 解题思路 双指针法: https://leetcode-cn.com/problems/container-with-most-water/solution/sheng-zui-duo-shui-de-rong-qi-by-leetcode-solution/ 代码 public class Solution { ......

JaneRoad
昨天
16
0
阿里云OSS配置CDN加速

首先购买CDN流量包 然后添加域名 添加好后 然后将域名OSS.xxxx.com 解析到 生成的CDN域名上 这样就完成了

可达鸭眉头一皱
昨天
16
0
js 整数与小数正则替换片段

说明 /(\d+)/g 整数 /(\d+\.\d+)rem/g 小数 /(\d+\.\d+|\d+)rem/g 其中 | 或 条件 例子 全局查找带 rem 单位的,替换成 px 单位 let text = text.replace(/(\d+\.\d+|\d+)rem/g, function(s......

DrChenXX
昨天
17
0
ubuntu下minicorba例子

一、开发环境安装 sudo apt install omniorb omniorb-idl omniidl libomniorb4-dev libomniorb4-2 omniorb-nameserver libomnithread4 libomnithread4-dev 二、源文件: Hi.idl module ......

wangxuwei
昨天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部