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

百度地图H5手机端自动定位并更换图标的解决方案

百度地图jsAPI自带功能即可实现自动定位的功能，PC端定位不是很精确，手机移动端的自动定位误差不大。自动定位状态提示;```javascript geolocationControl.addEve

ico

控件

javascript

原创 2022-03-10 11:39:06 322 阅读

街道社区网格化信息管理Echarts集成百度地图bmap样式表冲突导致的无法显示地图的解决方案

删除通用样式表图片样式，成功解决：img { border: none; max-width: 100%;}Done!

样式表

原创 2022-03-10 11:37:57 132 阅读

百度地图异步加载loadScript()函数

function loadScript() { var script = document.createElement("script"); script.src = "http://api.map.baidu.com/api?v=2.0&ak=2337624829697af4d7d4884ea113c

3c

原创 2022-03-10 11:37:44 143 阅读

Echarts地图坐标geoCoordMap后台生成动态获取的解决方案2

见解决方案《Echarts地图坐标geoCoordMap后台生成动态获取的解决方案》这样的做法，肯定不是一个追求完美程序猿的做法，为此纠结半月以后推出了比较满意的解决方案。实现原理： var data = [ {name: '漏刻有时数据可视化', va

解决方案

json

数据可视化

原创 2022-03-10 11:37:29 682 阅读

echarts引入百度地图通过脚本bmap.min.js解决关闭底图可点功能的底层解决方案

默认的bmap.min.js是延续百度地图开启可点功能的，为了在echarts中关闭可点功能，需要修改bmap.min.js，具体文件见《bmap.min.js》需要添加如下MapOptions：, {enableMapClick: false}见：Done!

百度地图

原创 2022-03-10 11:37:12 395 阅读

Echarts地图版块移动位置的解决方案

在Echarts开发过程总，部分区块不能显示在一起。如美国的阿里阿斯加，需要在调用JSON注册地图时，调整对应的位置即可。 echarts.registerMap('USA', usaJson, { Alaska: {

json

ico

开发过程

原创 2022-03-10 11:36:58 519 阅读

百度地图开发mapStyle个性化地图styleJson的配色解决方案

mapStyle: { styleJson: [{ 'featureType': 'water', 'elementType': 'all', 'stylers': { 'color': '#d1d

json

ico

3d

原创 2022-03-10 11:36:26 644 阅读

高德地图Web服务API的开发实例解析

高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力

百度

json

web服务

原创 2022-03-10 11:25:51 896 阅读

百度地图覆盖物加载svg图片的实战案例分析

百度地图覆盖物是可以加载SVG图片信息的，加载的方式如下：引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>创建容器<div id=

加载

百度api

百度地图

原创 2022-03-10 11:25:36 303 阅读

百度拾取经纬度坐标转化的geojson数据偏离中心的解决方案

通过百度拾取的经纬度坐标在导入geojson.io中出现偏离的情况：如百度拾取的经纬度转的geojson{"type":"FeatureCollection", "features": [{"type":"Feature","geometry":{"type":"Polygon","coordinates":

百度

json

显示图片

原创 2022-03-10 11:24:13 149 阅读

百度地图开发：根据指定手绘图纸照片行政区划自定义绘制对应区域边界生成geoJOSN的解决方案

项目需求指定某区域（非省市区县乡镇标准行政区划），做功能边界分区，实现Echarts地理坐标数据可视化展示。提供信息项目分析要在Echarts上实现地理坐标可视化，必须使用geoJSON格式文件；项目只能提供手绘图纸，需要将手绘图纸转换为可以识别的经

折线

html

百度地图api

原创 2022-03-10 11:24:06 1793 阅读

Echarts与bmap结合使用百度地图系统自带的12个个性化模板mapStyle列表

bmap样式设置 bmap: { center: [113.844038, 22.907044],//默认中心点; zoom: 12,//缩放级别； roam: false,//是否缩放 mapStyle:{style:'hardedge'} },设置地图样式,将style改为

缩放

原创 2022-03-10 11:20:28 775 阅读

高德地图计算两点之间的距离并按升序排列

项目说明地图自动定位，获取坐标；或PC端单击事件获取坐标；返回指定半径范围的坐标； var p0 = [121.548181, 29.806906];//自动定位坐标,array var data = [ {name: 1, points: "116.434027,39.941037"},

几何学

数组排序

单击事件

i++

原创 2022-03-03 15:28:37 897 阅读

百度地图开发系列(3):地址逆解析

//地址逆解析; function getAddress(pt) { var geoc = new BMap.Geocoder(); geoc.getLocation(pt, function (rs) { var addComp = rs.addressComponents;

其它

原创 2022-02-10 16:51:23 200 阅读

腾讯地图开发(1)：点击地图事件解析地址

//解析地址 analysis(position.lat, position.lng); //绑定地图点击事件 qq.maps.event.addListener(map, "click", function (e) {

html

json

点击事件

原创 2022-02-10 16:49:01 471 阅读

百度地图和腾讯地图开发经纬度的位置是互换的

腾讯地图的坐标拾取：https://lbs.qq.com/tool/getpoint/index.html，坐标格式：29.844217,121.558228。百度地图的坐标拾取：http://api.map.baidu.com/lbsapi/getpoint/index.html，坐标格式：121.636018,29.86206。

腾讯地图

百度地图

html

原创 2022-02-10 16:48:42 1030 阅读

php实现mysql计算经纬度坐标距离的筛选附近范围POI的解决方案

经测试，按照该公式和腾讯地图经纬度距离计算，精度基本上是匹配的。地球半径采用的是6378.137千米。 //选取小余500m的经纬度; public function getNear() { global $db, $res; dbc();

sql

腾讯地图

f5

原创 2022-02-10 16:48:29 191 阅读

百度地图异步加载开发系列(7):计算两个坐标点距离的API

//异步加载地图 function loadJScript() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = 'http://api.map.baidu.com/

异步加载

放大缩小

javascript

原创 2022-02-10 16:42:15 62 阅读

geojson乡镇拼接的说明

1.新建记事本文件，打开另存为.json文件，utf8编码；（或者直接使用IDE建立utf8的json文件）；2.复制一下内容：{ "type": "FeatureCollection", "features": []}3.筛选乡镇数据，如图：选择格式化的Formatted，点击复制4.将复制的乡镇边界放入对象中[]中，多个用英文的,隔开；

json

数据

ide

原创 2022-02-10 16:41:42 179 阅读

geojson格式筛选及处理的解决方案

获取geojson文件 //获取geojson文件; $.getJSON('zj.json', function (data) { var d = []; for (var i = 0; i < data.features.length; i++) { //筛选条件;

json

字符串长度

字符串

原创 2022-02-10 16:41:08 205 阅读

百度地图开发系列(4):使用采集到的GPS点实现轨迹的解决方案

var map = new BMap.Map("map"); /**采集到的GPS点**/ var Points = [ {"id": "1", "lng": 121.554586, "lat": 29.813444}, {"id": "2", "lng": 121.564567, "lat": 29.811347},

GPS

原创 2022-02-10 16:40:57 255 阅读

php基于百度地图封装的对象类实现计算地图上两点间的距离和地理编码

封装对象class GeoHelper{ /* * @param int $lat1 * @param int $lon1 * @param int $lat2 * @param int $lon2 * @param string $unit * @return */

漏刻有时

百度地图

json

封装

地理编码

原创 2022-02-10 16:40:32 66 阅读

地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果

项目要点key必须是web(jsAPI)的应用，web服务的key是无效的；只保留可视区域，可以选择行政区划效果，也可以卫星地图效果，但是好看的效果一定是精心设计过的最佳风格展示；js调用<script language="javascript" src="https://webapi.amap.com/maps?

3d

web服务

javascript

原创 2022-02-10 16:40:03 2952 阅读

地图开发实战案例:高德地图loca API 文字LabelsLayer效果

html代码<div id="container" class="container"></div><script src="https://webapi.amap.com/maps?v=1.4.15&plugin=Map3D&key=4d9a765939a2b76588a3341

3d

javascript

html

原创 2022-02-10 16:39:11 427 阅读

地图开发实战案例:高德地图设置中心点和级别的行政区多边形加载效果

HTMl代码 <div id="container" class="container"></div> <script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值&"></script> <script src="//webapi.amap

高德地图

jquery

5e

初始化

原创 2022-02-10 16:38:43 191 阅读

百度地图开发：自定义区划管理php后台数据管理的解决方案（layUI前端）

自定义区划管理，不需再受限于行政规划，可根据业务特点（如网点覆盖范围、消费者分布、内部人员分工等）自由划分区域块，实现企业信息的精细化格网管理。视频演示：百度地图自定义区划管理视频教程基于百度地图API开放接口；获取边界数据后，PHP后台数据管理；降低专业GIS软件门槛，将GIS优化为大众画图工具，让画区不再繁琐；支持多人在线协同编辑区域及业务数据，提升工作效率； JS文件引入<script

css

自定义

数据

原创 2022-01-30 17:28:39 173 阅读

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

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

ios

初始化

点击事件

原创 2022-01-30 17:28:11 1233 阅读

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

web服务API 地址转码function getGeoCoding($address){ $url = "https://api.map.baidu.com/geocoding/v3/?address=" . $address .

f5

web服务

json

原创 2022-01-30 17:27:58 267 阅读

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

项目需求基于百度地图开发POI标注，预计POI数量在1w+；设置对应的POI信息弹窗；按地级市区域筛选当前所有标注的POI信息；单个POI标注能独立定位并展示所在的

数据

百度地图

解决方案

原创 2022-01-30 17:27:52 530 阅读

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

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

echart

原创 2022-01-30 17:27:19 475 阅读

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

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

51CTO博客

漏刻有时

百度地图H5手机端自动定位并更换图标的解决方案

街道社区网格化信息管理Echarts集成百度地图bmap样式表冲突导致的无法显示地图的解决方案

百度地图异步加载loadScript()函数

Echarts地图坐标geoCoordMap后台生成动态获取的解决方案2

echarts引入百度地图通过脚本bmap.min.js解决关闭底图可点功能的底层解决方案

Echarts地图版块移动位置的解决方案

百度地图开发mapStyle个性化地图styleJson的配色解决方案

高德地图Web服务API的开发实例解析

百度地图覆盖物加载svg图片的实战案例分析

百度拾取经纬度坐标转化的geojson数据偏离中心的解决方案

百度地图开发：根据指定手绘图纸照片行政区划自定义绘制对应区域边界生成geoJOSN的解决方案

Echarts与bmap结合使用百度地图系统自带的12个个性化模板mapStyle列表

高德地图计算两点之间的距离并按升序排列

百度地图开发系列(3):地址逆解析

腾讯地图开发(1)：点击地图事件解析地址

百度地图和腾讯地图开发经纬度的位置是互换的

php实现mysql计算经纬度坐标距离的筛选附近范围POI的解决方案

百度地图异步加载开发系列(7):计算两个坐标点距离的API

geojson乡镇拼接的说明

geojson格式筛选及处理的解决方案

百度地图开发系列(4):使用采集到的GPS点实现轨迹的解决方案

php基于百度地图封装的对象类实现计算地图上两点间的距离和地理编码

地图开发实战案例:高德地图实现区域掩膜的是地图可视化效果

地图开发实战案例:高德地图loca API 文字LabelsLayer效果

地图开发实战案例:高德地图设置中心点和级别的行政区多边形加载效果

百度地图开发：自定义区划管理php后台数据管理的解决方案（layUI前端）

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

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

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

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

欢迎