摘要：
项目中自定义绘制区域。以下展示的逻辑是进入的时候先判断是否绘制，如果绘制的话展示展示绘制的区域，如果没有绘制则不展示，点击调整进行绘制。在页面中点击中心点可进行点位的选择。如果单独只需要绘制页面的话则只展示绘制的组件即可。具体情况根据实际需求来。 Ps：以下展示的时候除了地图的组件其余组件我没有展示 阅读全文
posted @ 2024-12-26 17:25
星宝攸宁
阅读(143)
评论(0)
推荐(0)
摘要：
用百度地图的绘制轨迹以及相关的轨迹回放，鼠标滑过展示与否的自定义弹窗的整理 图片展示 组件代码： <!-- * @Author: menxiaojin * @Date: 2023-07-12 14:03:03 * @LastEditors: menxiaojin * @LastEditTime: 2 阅读全文
posted @ 2024-12-26 17:24
星宝攸宁
阅读(122)
评论(0)
推荐(0)
摘要：
绘制百度地图的网格以及点击的时候添加网格，再次点击的时候删除网格。以及相关的点的展示与否。相关的map.js见轨迹中的整理。具体展示形式根据实际情况来 图片展示 组件代码： <template> <div class="data_map" style="height:100%;position:re 阅读全文
posted @ 2024-12-26 17:22
星宝攸宁
阅读(95)
评论(0)
推荐(0)
摘要：
项目运用高德地图出现多点卡顿的问题解决思路以及参考文档： https://lbs.amap.com/demo/javascript-api-v2/example/mass-markers/labelmarker-mass https://lbs.amap.com/api/javascript-api 阅读全文
posted @ 2024-12-26 17:20
星宝攸宁
阅读(230)
评论(0)
推荐(0)
摘要：
基于目前项目中百度地图的版本等原因，选择用mavgl解决。相关参考文档如下： https://lbsyun.baidu.com/solutions/mapvdata 在public的index页面中引入 <script src="https://code.bdstatic.com/npm/mapvg 阅读全文
posted @ 2024-12-26 17:18
星宝攸宁
阅读(214)
评论(0)
推荐(0)
摘要：
//定义一些常量 var PI = Math.PI; var a = 6378245.0; var ee = 0.00669342162296594323; /* 坐标系转换 */ function transformlat (lng, lat) { var ret = -100.0 + 2.0 * 阅读全文
posted @ 2024-12-26 16:59
星宝攸宁
阅读(46)
评论(0)
推荐(0)
摘要：
局域网PGIS地图的使用：以天地图做打底，使用leaflet.js交互式地图 JavaScript 库做开发。 相关参考网址：https://leafletjs.cn/reference.html#map-example 区域回显：https://kklimczak.github.io/Leafle 阅读全文
posted @ 2024-12-26 16:56
星宝攸宁
阅读(155)
评论(0)
推荐(0)
摘要：
实现的功能：选中右上角，然后相应的点位出现，点击点位，出现相应的弹框，点击弹框关闭，点击每个区域，每个区域厚度增加，取消选中，点位消失 图片展示： 思路解析： 最底层的背景是用作一张图片做背景，东营市的UI是根据东营市的json由UI进行绘制，然后再引入东营市的json用echarts进行绘制，呈现 阅读全文
posted @ 2024-12-26 16:14
星宝攸宁
阅读(139)
评论(0)
推荐(0)
摘要：
用echarts辅助，地图用svg（需要UI配合）展示，还原任意UI设计，可点位，可热力图，可交互，可滚动可拖拽，可用echarts的控件，： PS：缺点是相关的点位是平面的xy点位，热力图曾也是平面xy，不可用百度地图等坐标系的坐标做展示。 可用于定制化展示 组件代码如下： <template> 阅读全文
posted @ 2024-12-26 15:46
星宝攸宁
阅读(118)
评论(0)
推荐(0)
摘要：
实际项目中用echarts绘制的相关地图，热力图层，点，背景等都可修改，点位可点击。 注意事项： 项目中安装的echarts版本必须是4.9.0的， "echarts": "^4.9.0", "echarts-countries-js": "^1.0.5", "echarts-gl": "^1.1. 阅读全文
posted @ 2024-12-26 15:28
星宝攸宁
阅读(426)
评论(0)
推荐(0)
浙公网安备 33010602011771号