百度地图
关注
分享
扫一扫
文章平均质量分 66
心酱儿
一个逻辑思维略差的程序媛
展开
-
【百度地图】海量数据流畅加载并点击显示点位详情
在地图开发中，如果label或marker覆盖物数据较大的话经常会造成页面卡顿，现在使用百度地图添加海量星的方法来添加覆盖物，应用后发现，该方法是将所有的覆盖物绘制成一张图片，这样在数据加载中大大提升了加载速度，为了运行方便将该实例直接写到百度地图demo的运行台中，运行结果可直接将代码复制到百度地图示例demo中（百度地图加载海量星）具体方法如下：<!DOCTYPE HTML><html><head> <title>加载海量点</titl原创 2020-06-28 13:42:19 · 7428 阅读 · 0 评论 -
【百度地图】删除指定覆盖物
当百度地图中出现多个图层时，可用以下方法删除指定图层：//删除指定 var allOverlay=map.getOverlays(); if (allOverlay.length) { for (var i=0; i < allOverlay.length; i++) { if(allOverlay[i].toString() == "[obj...原创 2019-11-25 10:28:23 · 4251 阅读 · 0 评论 -
【百度地图】仅显示中国边界区域
本篇的主要思路是通过绘制全国的行政区划边界点来添加遮罩层从而视觉上达到只显示中国区域的效果，具体实现看代码：一、Js//绘制中国区域行政边界function drawBoundary() { /*画遮蔽层的相关方法 *思路: 首先在中国地图最外画一圈，圈住理论上所有的中国领土，然后再将每个闭合区域合并进来，并全部连到西北角。 * 这样就做出了一个经过多次...原创 2019-11-19 17:04:27 · 11064 阅读 · 16 评论 -
【百度地图】过滤点位数据只显示行政区划内的点位数据
由于信息录入的不准确性，很多数据的经纬度会出现偏差不在自己应该所在的范围内，但为了效果完美，需要将这些数据过滤掉，这里使用了D3.js中的d3.polygonContains()方法判断点位是否在几何内：参考地址：1、D3.js官网地址2、polygonContains github示例具体实现方法如下：一、在页面中引入d3-polygon地址，具体地址可在官网中下载<script...原创 2019-11-15 17:38:47 · 852 阅读 · 0 评论 -
【百度地图】用label和marker打开百度地图信息窗体
在百度地图中用label和marker打开infoBox在写法上的不同，主要体现在两者在添加点位位置时label的point是写在LabelOptions中，如：Label(content: String, opts: LabelOptions)；而marker是Marker(point: Point, opts: MarkerOptions)。现对用法上做下总结：注意在项目中申请引用百度地图J...原创 2018-11-30 11:02:04 · 2665 阅读 · 0 评论 -
【百度地图】JS实现 百度地图窗体InfoBox打开当前窗体时关闭上一个窗体
在地图中如果存在多个label或marker,当我们点击其中一个label打开其信息窗体时，为了能清除的展示信息，我们往往希望只打开当前的内容窗体，百度地图api上没有介绍相关的方法，亲测以下方法可行： window.lastInfoBox = null;//定义上一个窗体为lastInfoBox;//创建地图窗体myLabel.clcik(function(){ var info=...原创 2018-06-29 15:27:04 · 5326 阅读 · 11 评论 -
【百度地图】BMapLib的infoBox窗体关闭按钮在移动端点击失效问题解决
BMapLib库的窗体自定义的关闭按钮在移动端由于阻止了其冒泡事件，在窗体中的点击事件都不生效，现在自己定义一个新的关闭按钮对其进行监听，利用touchend事件关闭窗体； 一、JS代码//定义窗口内容var info = &amp;quot;&amp;amp;lt;div class='plat-box qypopup'&amp;amp;gt;&amp;quot; + &amp;quot;原创 2018-05-29 13:36:56 · 4323 阅读 · 2 评论 -
【百度地图】js 实现给百度地图添加网格并加入点位数据
本篇结合百度地图的JavaScriptAPI在地图上实现网格效果，具体方法可参考百度地图的类参考文档： JavaScript API v2.0类参考： 1、首先引入百度地图API的密钥和数据js文件，百度密钥没有的同学可以在百度地图官网上自行申请，然后创建地图实例：&amp;lt;script src=&quot;Js/GridDataMap.js&quot;&amp;gt;&amp;lt;/script&原创 2018-05-18 17:34:23 · 7272 阅读 · 5 评论 -
【百度地图】百度地图实现仿链家地图搜房功能
最近看见链家有地图搜房功能，了解了一下之后发现其实都是一些基础的百度地图功能，现模拟数据实现一下：注：用百度地图之前请引入百度地图相关库的地址和百度地图JavaScript API的秘钥，此篇中用的如下：（1）：jquery-2.2.3.min.js (2)：<script type="text/javascript" src="https://api.map....原创 2019-01-04 16:52:22 · 6620 阅读 · 8 评论