随笔分类 -  地图

关于地图的描述，包括echarts地图，百度地图，高德地图，小程序地图等
uni-app 小程序中地图的使用，包括点位标记，距离获取，显示隐藏，附近等功能
摘要：小程序中地图的使用，包括点位标记，距离获取，显示隐藏，附近等功能。 PS：其中代码部分有一些全局封装的函数，在这里因为种种原因我就不一一展示出来了，大家可以自己写或者私信，我发给大家 相关页面功能代码： 部分组件没有黏贴，可根据实际情况进行展示 <template> <view> <view v-i 阅读全文
posted @ 2024-12-27 09:44 星宝攸宁 阅读(786) 评论(4) 推荐(0)
uni-app中小程序地图展示具体的位置以及如何获取移动端天气的温度展示
摘要：移动端展示具体的位置 比如悦来广场国贸大厦，，利用的腾讯地图的相关接口，参考地址：https://lbs.qq.com/service/webService/webServiceGuide/webServiceGcoder 具体代码如下： uni.getLocation({ type: 'gcj02 阅读全文
posted @ 2024-12-27 09:39 星宝攸宁 阅读(113) 评论(0) 推荐(0)
百度地图绘制区域
摘要：项目中自定义绘制区域。以下展示的逻辑是进入的时候先判断是否绘制，如果绘制的话展示展示绘制的区域，如果没有绘制则不展示，点击调整进行绘制。在页面中点击中心点可进行点位的选择。如果单独只需要绘制页面的话则只展示绘制的组件即可。具体情况根据实际需求来。 Ps：以下展示的时候除了地图的组件其余组件我没有展示 阅读全文
posted @ 2024-12-26 17:25 星宝攸宁 阅读(190) 评论(0) 推荐(0)
百度地图绘制网格展示以及点击的展示与否，弹框样式自定义
摘要：绘制百度地图的网格以及点击的时候添加网格，再次点击的时候删除网格。以及相关的点的展示与否。相关的map.js见轨迹中的整理。具体展示形式根据实际情况来 图片展示 组件代码： <template> <div class="data_map" style="height:100%;position:re 阅读全文
posted @ 2024-12-26 17:22 星宝攸宁 阅读(147) 评论(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 星宝攸宁 阅读(295) 评论(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 星宝攸宁 阅读(263) 评论(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 星宝攸宁 阅读(65) 评论(0) 推荐(0)
局域网内PGIS地图的使用
摘要：局域网PGIS地图的使用：以天地图做打底，使用leaflet.js交互式地图 JavaScript 库做开发。 相关参考网址：https://leafletjs.cn/reference.html#map-example 区域回显：https://kklimczak.github.io/Leafle 阅读全文
posted @ 2024-12-26 16:56 星宝攸宁 阅读(226) 评论(0) 推荐(0)
图片与echarts结合展示个性化地图
摘要：实现的功能：选中右上角，然后相应的点位出现，点击点位，出现相应的弹框，点击弹框关闭，点击每个区域，每个区域厚度增加，取消选中，点位消失 图片展示： 思路解析： 最底层的背景是用作一张图片做背景，东营市的UI是根据东营市的json由UI进行绘制，然后再引入东营市的json用echarts进行绘制，呈现 阅读全文
posted @ 2024-12-26 16:14 星宝攸宁 阅读(218) 评论(0) 推荐(0)
echarts中的svg底图的个性化map
摘要：用echarts辅助，地图用svg（需要UI配合）展示，还原任意UI设计，可点位，可热力图，可交互，可滚动可拖拽，可用echarts的控件，： PS：缺点是相关的点位是平面的xy点位，热力图曾也是平面xy，不可用百度地图等坐标系的坐标做展示。 可用于定制化展示 组件代码如下： <template> 阅读全文
posted @ 2024-12-26 15:46 星宝攸宁 阅读(176) 评论(0) 推荐(0)
用echarts绘制的相关地图，热力图层，点，背景等都可修改
摘要：实际项目中用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 星宝攸宁 阅读(540) 评论(0) 推荐(0)
项目中多次调用百度地图组件然后页面出现自动刷新的问题——Too many active WebGL contexts. Oldest context will be lost
摘要：最近在项目中遇到这么一个奇怪的问题，在调用百度地图组件之后页面会不定期的自动刷新，后来经过排查发现问题是因为内存泄漏的原因： Too many active WebGL contexts. Oldest context will be lost。 是因为chrome浏览器对单个页面能运行的WebGL 阅读全文
posted @ 2023-08-19 11:11 星宝攸宁 阅读(1605) 评论(0) 推荐(0)