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

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

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 < newArr.length; i++) { var lng = ...

数组

字符串

i++

封装

百度

原创 2021-07-30 16:08:34 763 阅读

百度地图：使用javascript和web服务API自动实现经纬度编码的解决方案

web服务API 地址转码function getGeoCoding($address){ $url = "https://api.map.baidu.com/geocoding/v3/?address=" . $address . "&output=json&ak=F552bedbee2ec8fa6bae7b7a08201cbd&callback=showLocation"; $ch = curl_init(); curl_setopt($ch, CUR

f5

web服务

json

javascript

干货

原创 2021-07-30 16:08:32 218 阅读

百度地图POI多信息点标注开发说明文档（php+layui+mysql+百度javascript API2.0+echarts4.8）

项目需求基于百度地图开发POI标注，预计POI数量在1w+；设置对应的POI信息弹窗；按地级市区域筛选当前所有标注的POI信息；单个POI标注能独立定位并展示所在的区域（行政边界区划）；客户自主选择显示当前页面POI信息点的数量；地级市POI数据统计柱图；项目分析百度地图信息标注，同一页面是无法显示海量点的，会出现严重卡顿的情况；如果要显示海量点，需要借助mapv，但是却无法实现POI信息弹窗的功能；同时考虑到本次标注开发的主要目的是为了快速筛选和确定对应标注的信息，不是为了展示PO.

数据

百度地图

解决方案

php

数据统计

原创 2021-07-30 16:08:31 456 阅读

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

var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(121.554586, 29.813444), 12); map.enableScrollWheelZoom(); map.setMapStyle({style: 'grayscale'}) //JSON数据接口; var markerArr = [ {title: "商会", point: "121.55...

文本标签

i++

html

覆盖物

json数据

原创 2021-07-30 16:08:29 1223 阅读

echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置，可以使得整个地图的显示更加好看

echarts.registerMap('lockdatav', data, { "妈祖": { // 左上角经度 left: 120.178644, // 左上角纬度 top: 24.84237, // 经度横跨的范围 width: 0.21 }, .

干货

原创 2021-07-30 16:08:26 5208 阅读

高德地图开发：英文地图的实现方式

//初始化地图 var map = new AMap.Map('container', { resizeEnable: true, center: [121.498586, 31.239637], lang: "en" //可选值：en，zh_en, zh_cn }); //绑定radio点击事件 var radios = document.querySelectorAll("#lang input"); radios....

ios

初始化

可选值

点击事件

干货

原创 2021-07-30 16:07:23 991 阅读

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

json

封装

php

地理编码

百度地图

原创 2021-07-30 16:05:45 245 阅读

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

坐标转换是一类简单的HTTP接口，能够将用户输入的非高德坐标（GPS坐标、mapbar坐标、baidu坐标）转换成高德坐标。JS函数封装 /* * coordsys,原坐标系，可选值：gps;mapbar;baidu;autonavi(不进行转换) * */ function convertPoints(points, coordsys, keys) { var url = "https://restapi.amap.com/v3/assistant.

坐标转换

数据格式

可选值

json

折线

原创 2021-07-30 16:01:07 481 阅读

高德地图进阶开发实战案例(2):电子围栏（多边形的绘制）的展示

构建高德地图 var map = new AMap.Map('container', { center: [121.548181, 29.806906], zoom: 15 });多边形展示 var path = [ [121.546266, 29.80975], [121.54543, 29.806845], [121.548713, 29.806752], [121.549957,.

覆盖物

ios

i++

缩放

高德地图

原创 2021-07-30 16:01:05 3165 阅读 1点赞

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

var map = new AMap.Map("container", {resizeEnable: true}); var lnglats = [ [116.368904, 39.923423], [116.382122, 39.921176], [116.387271, 39.922501], [116.398258, 39.914600] ]; var infoWindow = new AMap.InfoWi..

覆盖物

i++

群组

干货

原创 2021-07-30 16:01:04 580 阅读

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

<div id="container"></div> var map = new AMap.Map('container'); var mouseTool = new AMap.MouseTool(map); var drawRectangle = mouseTool.rectangle(); var newArr = []; AMap.event.addListener(mouseTool, 'draw', function (e) { .

覆盖物

i++

锚点

自定义

获取路径

原创 2021-07-30 16:01:01 1209 阅读

漏刻有时数据可视化Echarts组件开发(17):值域漫游图

var interVal; getMap(); clearInterval(interVal); interVal = setInterval(function () { getMap(); }, 1000); function getMap() { var cityData = [ {name: '北京', value: getNum()}, {name: '天津', value...

3c

随机数

干货

原创 2021-07-30 16:00:59 193 阅读

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

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

html

百度地图

ico

地址解析

参数说明

原创 2021-07-30 15:59:56 1160 阅读

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

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

51CTO博客

漏刻有时

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

百度地图：使用javascript和web服务API自动实现经纬度编码的解决方案

百度地图POI多信息点标注开发说明文档（php+layui+mysql+百度javascript API2.0+echarts4.8）

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

echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置，可以使得整个地图的显示更加好看

高德地图开发：英文地图的实现方式

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

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

高德地图进阶开发实战案例(2):电子围栏（多边形的绘制）的展示

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

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

漏刻有时数据可视化Echarts组件开发(17):值域漫游图

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

欢迎