漏刻有时的博客_地图开发(3)

百度地图：监听地图缩放自动显示和隐藏的富文本标签

var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(121.554586, 29.813444), 12); map.enableScrollWheelZoom(); map.setMapStyle({style:

文本标签

i++

html

原创 2022-01-30 17:27:09 461 阅读

“技术让生活更便捷”之腾讯位置服务JavaScript API2.0前端定位和位置标注的开发实录

3.自动定位组件库4.经纬度位置5.腾讯、百度和高德地图开发比较开

javascript

腾讯位置服务

百度

腾讯地图

封装

原创 2022-01-30 17:26:26 104 阅读

天地图API接口地址批量转换为经纬度的解决方案

<table> <tr> <td>地址</td> <td>经纬度</td> </tr> <tbody id="content"></tbody></table> 封装接口函数function transAddress(address)

html

封装

json

原创 2022-01-30 17:23:08 641 阅读

百度地图开发(8):地图覆盖物实现纵横交错的交通网络

强制格式化百度标签样式.BMapLabel { background: none !important; border: none !important;} 标签样式表.shu_txt { font-size: 10px; font-weight: bold; color: #333; text-shadow: 1px 1px 2px #f5f5f5, 1px

f5

2d

折线

原创 2022-01-30 17:22:41 143 阅读

百度地图开发：字符串经纬度转为经纬度数组的解决方案

拼接过程var str = "116.387112,39.920977;116.385243,39.91306;116.394226,39.917988";//默认经纬度字符串; var PointArr = []; //将字符串分离成数组; var newArr = str.split(";"); //将新的数组二次分离为百度坐标系; for (var i = 0

数组

字符串

i++

原创 2022-01-30 17:21:32 299 阅读

php通过地址获得百度地图经纬度（逆地理编码）

json

数据格式

地理编码

原创 2022-01-30 17:16:00 115 阅读

百度地图开发自定义信息窗口openInfoWindow样式的解决方案

1.InfoWindo

html

百度

样式表

原创 2022-01-30 17:14:30 2765 阅读

高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案

<div id="container"></div> var map = new AMap.Map('container'); var mouseTool = new AMap.MouseTool(map); var drawRectangle = mouseTool.rectangle(); var

覆盖物

i++

锚点

原创 2022-01-30 15:51:17 1219 阅读

高德地图进阶开发实战案例(3):标注、信息弹窗和清除覆盖物

var map = new AMap.Map("container",

覆盖物

i++

群组

原创 2022-01-30 15:51:09 412 阅读

高德地图进阶开发实战案例(4):计算骑行的距离和时间

高德地图路线规划批量处理接口已下线，每日分配限额300000次。 jsAPIvar map = new AMap.Map("container", { center: [116.397559, 39.89621], zoom: 14 }); var ridingOption = { map: map, panel: "panel"

json

点集

批量处理

原创 2022-01-30 15:51:01 1239 阅读

百度地图开发实战案例:展示当前定位多少千米内的POI（兴趣点）

1.获取当前的自动定位经纬；2.在自动定位经纬度的点，添加10千米的圆形覆盖物；3.爬取POI兴趣点的关键词；10千米的圆形覆盖物 //半径10千米,可自行调整; var

数据

覆盖物

原创 2022-01-30 15:49:11 145 阅读

高德地图开发实战案例:实现信息弹出框的富文本展示效果

marker.content = "<p class='cardsBg'></p>";.cardsBg { width: 246px; height: 426px; background: url(../images/cards.png) no-repeat center center;}其中cards.png为整个弹出模态框的背景图片，做到这一步。仍旧会

高德地图

css样式

背景图片

原创 2022-01-30 15:47:59 113 阅读

漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案

viewControl:{ autoRotate:true, minBeta:-3600, maxBeta:3600 },LOCKDATAV DONE!

viewContro

原创 2022-01-30 15:47:51 206 阅读

高德地图进阶开发实战案例(1):webAPI坐标转换和jsAPI批量转换

坐标转换是一类简单的HTTP接口，能够将用户输入的非高德坐标（GPS坐标、mapbar坐标、baidu坐标）转换成高德坐标。

坐标转换

数据格式

可选值

原创 2022-01-30 15:47:41 276 阅读

高德地图进阶开发实战案例(8):加载多个多边形的覆盖物且实现鼠标高亮和单击事件解决方案

多边形数据格式 //ajax数据输入格式; var data = [ { id: 1,

数据格式

初始化

数据

原创 2022-01-30 15:47:15 529 阅读

高德地图进阶开发实战案例(5):矩形可视范围的东北西南角经纬度的获取

var map = new AMap.Map('container

缩放

原创 2022-01-30 15:46:54 168 阅读

高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线

外部文件的引入<link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/> <script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js

高德地图

css

javascript

加载

原创 2022-01-30 15:44:35 355 阅读

高德地图进阶开发实战案例(11):可拖拽驾车路线规划

外部文件引入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> <script type="text/javascript" src="https://

javascript

拖拽

加载

原创 2022-01-30 13:47:11 429 阅读

百度地图开发:地图调起API（Web端）使用终点经纬度直接调用百度地图导航信息的解决方案

var faultHtml = "", imgUrl = []; for (var i = 0; i < res.data.length; i++) { imgUrl[i] = res.data[i].poi_url;

html

ico

百度地图

原创 2022-01-30 13:44:05 619 阅读

百度地图开发：map.setViewport让标注显示在最佳视野内

封装函数 //绘制标注; function getMaker(markerArr) { var allponits=[]; for (var i = 0; i < markerArr.length; i++) { var p0 = markerArr[i].poi_lng.

百度

javascript

开发语言

文本标签

解决方案

原创 2022-01-26 11:50:11 1714 阅读

百度地图高级开发：获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)

需求说明基于百度地图jsAPI开发；点击地图，以该点为中心，搜索周边范围所有的标注信息；项目分解使用map.addEventListener事件；

百度

javascript

前端

覆盖物

搜索

原创 2022-01-19 13:42:46 650 阅读

百度地图高级开发：上滑推拉菜单CSS解决方案

单页面前端，通过CSS动画实现推拉菜单。

css

百度

前端

html

初始化

原创 2022-01-19 13:42:27 56 阅读

百度地图高级开发：LBS服务实时定位覆盖范围内关键词标注的解决方案(2)

项目需求根据手机端GPS自动获取实时定位；单击定位控件，筛选当前中心点坐标范围内关键词和距离符合条件的所有标注点；

百度

html

前端

控件

搜索

原创 2022-01-19 13:41:31 206 阅读

百度地图API:根据起始点经纬度坐标确认最佳路线规划

css样式 body, html { width: 100%; height: 100%; overflow: hidden; margin: 0;

百度

html

百度地图api

数据

原创 2022-01-14 18:00:24 334 阅读

百度地图开发：Label文本居中

封装函数//文本标签;function addLabel(point, txt) { var opts = { position: point, offset: new BMap.Size(0, 20)//设置文本偏移量 } var label = new BMap.Label(txt, opts);

百度

javascript

开发语言

偏移量

封装

原创 2022-01-14 17:59:25 418 阅读

百度地图开发：阻塞加载慢A parser-blocking, cross site的解决方案

api?v=2.0&ak=11Z8uiP8kIz6AG0Vjiwzbc5f9Ii0cdHd:1 A parser-blocking,

百度

javascript

页面加载

chrome

原创 2022-01-14 17:58:48 950 阅读 1点赞 1收藏

百度地图开发：批量增加折线、多边形覆盖物的封装函数

绘制折线//绘制折线;function drawLine(data) { //数据格式;

百度

javascript

前端

折线

i++

原创 2022-01-14 17:57:26 356 阅读

百度地图开发：调用jsAPI实现实时定位的解决方案及常见问题

项目说明建议使用异步加载，避免F12控制台出现阻塞等提示；电脑使用浏览器定位时，由于没有GPS，会出现无法定位(fail8)等错误提示，属于正常；手机端时候，尤其是华为系列（安卓系统）无法正常定位时，

百度

地理位置

缓存

时间段

原创 2022-01-14 17:56:32 936 阅读

百度地图开发：H5获取GPS-wg84经纬度与百度定位API的偏差测试

api?v=2.0&ak=11Z8uiP8kIz6AG0Vjiwzbc5f9Ii0cdHd:1 A parser-blocking, cross site (i.e. different eTLD+1) script,

百度

javascript

开发语言

html

初始化

原创 2022-01-14 17:56:17 156 阅读

百度地图开发：海量点、测距以及定位聚合功能

项目说明百度地图海量点测距功能插件定位功能引入API封装接口 <script type="text/javascript" src="//api.map.baidu.com/api?v=3.0&ak=11Z8uiP8kIz6AG0**"></script>

百度

javascript

开发语言

地理位置

控件

原创 2022-01-14 17:55:13 463 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

百度地图：监听地图缩放自动显示和隐藏的富文本标签

“技术让生活更便捷”之腾讯位置服务JavaScript API2.0前端定位和位置标注的开发实录

天地图API接口地址批量转换为经纬度的解决方案

百度地图开发(8):地图覆盖物实现纵横交错的交通网络

百度地图开发：字符串经纬度转为经纬度数组的解决方案

php通过地址获得百度地图经纬度（逆地理编码）

百度地图开发自定义信息窗口openInfoWindow样式的解决方案

高德地图进阶开发实战案例(6):添加自定义图片覆盖物图层获取可视范围经纬度的解决方案

高德地图进阶开发实战案例(3):标注、信息弹窗和清除覆盖物

高德地图进阶开发实战案例(4):计算骑行的距离和时间

百度地图开发实战案例:展示当前定位多少千米内的POI（兴趣点）

高德地图开发实战案例:实现信息弹出框的富文本展示效果

漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案

高德地图进阶开发实战案例(1):webAPI坐标转换和jsAPI批量转换

高德地图进阶开发实战案例(8):加载多个多边形的覆盖物且实现鼠标高亮和单击事件解决方案

高德地图进阶开发实战案例(5):矩形可视范围的东北西南角经纬度的获取

高德地图进阶开发实战案例(10):地图选取起终点OD位置经纬度的驾车规划路线

高德地图进阶开发实战案例(11):可拖拽驾车路线规划

百度地图开发:地图调起API（Web端）使用终点经纬度直接调用百度地图导航信息的解决方案

百度地图开发：map.setViewport让标注显示在最佳视野内

百度地图高级开发：获取某范围半径圆形区域检索覆盖物内的所有标注的解决方案(1)

百度地图高级开发：上滑推拉菜单CSS解决方案

百度地图高级开发：LBS服务实时定位覆盖范围内关键词标注的解决方案(2)

百度地图API:根据起始点经纬度坐标确认最佳路线规划

百度地图开发：Label文本居中

百度地图开发：阻塞加载慢A parser-blocking, cross site的解决方案

百度地图开发：批量增加折线、多边形覆盖物的封装函数

百度地图开发：调用jsAPI实现实时定位的解决方案及常见问题

百度地图开发：H5获取GPS-wg84经纬度与百度定位API的偏差测试

百度地图开发：海量点、测距以及定位聚合功能

欢迎