当前位置: 首页 > news >正文

网站备案流程详细百度6大核心部门

网站备案流程详细,百度6大核心部门,怎样申请微信小程序开店,丰田车营销网站建设的纲要计划书高端百度地图开发系列 高端百度地图开发1:自定义水滴头像(自定义标注覆盖物、Overlay覆盖类) 自定义水滴头像之鼠标事件、API封装对接 高端百度地图开发系列一、添加自定义覆盖物的方法二、对接API数据1.获取API数据(模拟)2.遍历数据3.添加自…

高端百度地图开发系列

  • 高端百度地图开发1:自定义水滴头像(自定义标注覆盖物、Overlay覆盖类)

自定义水滴头像之鼠标事件、API封装对接

  • 高端百度地图开发系列
  • 一、添加自定义覆盖物的方法
  • 二、对接API数据
    • 1.获取API数据(模拟)
    • 2.遍历数据
    • 3.添加自定义覆盖物封装函数
    • 4.添加监听事件
  • 三、覆盖物类
    • 1.Overlay
    • 2.MapPanes
  • 四、鼠标操作单击事件

在这里插入图片描述

一、添加自定义覆盖物的方法

var headerImg1 = new LockAvatarLay(new BMap.Point(116.407845, 39.914101), 'images/header_bg1.png', {});map.addOverlay(headerImg1);var headerImg2 = new LockAvatarLay(new BMap.Point(116.457592, 39.907851), 'images/header_bg2.png', {});map.addOverlay(headerImg2);var headerImg2 = new LockAvatarLay(new BMap.Point(116.416486, 39.887259), 'images/header_bg3.png', {});map.addOverlay(headerImg2);

二、对接API数据

1.获取API数据(模拟)

 var dataArr =[{"poi_lng": 116.407845, "poi_lat": 39.914101, "avatar": "images/header_bg1.png", "id": 1},{"poi_lng": 116.457592, "poi_lat": 39.907851, "avatar": "images/header_bg2.png", "id": 2},{"poi_lng": 116.416486, "poi_lat": 39.887259, "avatar": "images/header_bg3.png", "id": 3},{"poi_lng": 116.328955, "poi_lat": 39.900545, "avatar": "images/header_bg4.png", "id": 4}];

2.遍历数据

  //遍历数据;function getMarker(markerArr) {for (var i = 0; i < markerArr.length; i++) {var p0 = markerArr[i].poi_lng;var p1 = markerArr[i].poi_lat;var id = markerArr[i].id;var avatar = markerArr[i].avatar;var point = new window.BMap.Point(p0, p1)addMarker(point, avatar, id);}}

3.添加自定义覆盖物封装函数

    //添加自定义覆盖物;function addMarker(point, avatar) {var headerImg = new LockAvatarLay(point, avatar, {});map.addOverlay(headerImg);}

4.添加监听事件

 //添加监听事件LockAvatarLay.prototype.addEventListener = function (event, fun) {this._div['on' + event] = fun;}

三、覆盖物类

1.Overlay

覆盖物的抽象基类,所有覆盖物均继承基类的方法。此类不可实例化。

方法返回值描述
initialize(map: Map)HTMLElement抽象方法,用于初始化覆盖物,当调用map.addOverlay时,API将调用此方法。自定义覆盖物时需要实现此方法。自定义覆盖物时需要将覆盖物对应的HTML元素返回
isVisible()Boolean判断覆盖物是否可见
draw()none抽象方法,当地图状态发生变化时,由系统调用对覆盖物进行绘制。自定义覆盖物需要实现此方法
show()none显示覆盖物。对于自定义覆盖物,此方法会自动将initialize方法返回的HTML元素样式的display属性设置为空
hide()none隐藏覆盖物。对于自定义覆盖物,此方法会自动将initialize方法返回的HTML元素样式的display属性设置为none

2.MapPanes

此类表示地图上所有覆盖物的容器集合,没有构造函数,通过对象字面量形式表示。通过Map的getPanes方法可获得该对象实例。

属性类型描述
floatPaneHTMLElement信息窗口所在的容器
markerMouseTargetHTMLElement标注点击区域所在的容器
floatShadowHTMLElement信息窗口阴影所在的容器
labelPaneHTMLElement文本标注所在的容器
markerPaneHTMLElement标注图标所在的容器
markerShadowHTMLElement标注阴影所在的容器
mapPaneHTMLElement折线、多边形等矢量图形所在的容器

四、鼠标操作单击事件

将数据通过封装函数进行传递,获取对应头像的ID,然后进行弹窗或信息展示;

    //自定义覆盖物和事件调用;function addMarker(point, avatar, id) {var headerImg = new LockAvatarLay(point, avatar, {});map.addOverlay(headerImg);//为自定义覆盖物添加点击事件headerImg.addEventListener('click', function () {console.log(id);});}

@漏刻有时

http://www.15wanjia.com/news/19712.html

相关文章:

  • 做网站哪家公司好苏州网络营销推广渠道有哪些
  • 哪个网站可以做行程温州企业网站排名优化
  • 淮安做微信网站自动秒收录网
  • 电子商城网站开发多少钱公司网址怎么制作
  • 定制家具价格seocui cn
  • 写作的网站有哪些企业推广平台排行榜
  • 做一个中型网站需要多少钱营销渠道策略
  • iis网站重定向昆明网络推广公司排名
  • wordpress栏目标题被调用郑州seo技术服务
  • 网站应该怎么做运维小吃培训机构排名前十
  • 百度云怎么做网站空间站长统计 站长统计
  • 网站建设优秀网站建设seo收费低
  • 郑州做网站公司有哪些如何自制网站
  • 网站优化软件费用百度客户端登录
  • 承德网站建设公司推广方案是什么
  • 可以自己做论坛网站吗百度关键词查询工具
  • 百度站长反馈中心百度区域代理
  • 专业商城网站建设中国今天最新军事新闻
  • 做类似淘宝的网站设计需要什么网络营销教学网站
  • 家居网站源码优化大师好用吗
  • 做电影视频网站赚钱嘛关键词优化的策略有哪些
  • 公司二次开发好吗廊坊推广seo霸屏
  • 武汉外贸网站建设国际财经新闻
  • 个人电脑做网站服务器教程外贸推广建站
  • 重庆招聘网站都有哪些本地推广平台有哪些
  • 做flash网站框架引擎不属于网络推广方法
  • python做网站吗百度seo标题优化软件
  • 站长seo查询工具购物网站推广方案
  • 上海企业网站建设线上营销模式有哪些
  • 做网站什么什么重庆网站排名公司