地图
关于echarts自定义地图知识点
<div id="dt" style="width: 1200px;height:800px;text-align: center;margin: 0 auto;"></div> <script>var chart = echarts.init(document.getElementById('dt ......
计算地图上两点距离
/** * 获取地图上两点间距离。单位：米 * @param {lat1} 第一个点的纬度 * @param {lon1} 第一个点的经度 * @param {lat2} 第二个点的纬度 * @param {lon2} 第二个点的经度 * @author 人参 */ export function ......
2023年7月最新全国省市区县和乡镇街道行政区划矢量边界坐标经纬度地图数据 shp geojson json
发现个可以免费下载全国 geojson 数据的网站，推荐一下。支持全国、省级、市级、区/县级、街道/乡镇级以及各级的联动数据，支持导入矢量地图渲染框架中使用，例如：D3、Echarts等 geojson 数据下载地址：https://geojson.hxkj.vip 该项目 github 地址：ht ......
JavaScript校验地图经纬度是否符合规范
function verifylonglat(longitude, latitude) { var longreg = /^(\-|\+)?(((\d|[1-9]\d|1[0-7]\d|0{1,3})\.\d{0,6})|(\d|[1-9]\d|1[0-7]\d|0{1,3})|180\.0{0,6 ......
解决vue中mapbox地图显示一半的问题
### 解决vue中mapbox地图显示一半的问题 问题描述： 在vue中创建mapbox地图，地图只显示一般，查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改：获取到`canvas.mapboxgl-c ......
C#百度地图开放平台211sn校验失败解决方法
个人认为百度地图开放平台确实很好用但就是C#的SN校验会出现以下几个问题 一、官方的示例代码说的不清不楚 获取SN函数的Uri应该使用不带域名的Uri 比如：最终请求地址为https://api.map.baidu.com/location/ip?ip=119.126.10.15&coor=gcj0 ......
C#百度地图开放平台211sn校验失败解决方法
个人认为百度地图开放平台确实很好用但就是C#的SN校验会出现以下几个问题 一、官方的示例代码说的不清不楚 获取SN函数的Uri应该使用不带域名的Uri 比如：最终请求地址为https://api.map.baidu.com/location/ip?ip=119.126.10.15&coor=gcj0 ......
【JAVA】JAVA后台调用百度地图API进行坐标转换
```java import com.alibaba.fastjson.* import …… // coords: '114.21892734521,29.575429778924' // return: ['114.2307519546763', '29.57908428837437'] // ......
卫星影像地图在工程建设中的应用，附高清影像数据获取方法
1.引言 在工程建设过程中，了解项目区域范围内的现状至关重要。卫星地图具有较高的图像分辨率和详细、准确的地理信息的特点，被广泛应用于工程建设的前期规划设计、施工现场。那么卫星地图在工程建设中都有哪些应用呢？ 2.卫星地图在工程建设中的作用 2.1地籍调查 在前期的拆迁等调查工作具有工作难度高、工作量 ......
OpenLayers 4326地图 根据距离设置地图分辨率
### 问题：给一个距离，如何确定4326地图缩放等级或者分辨率使地图视口范围为这个距离 1. 我本来打算计算从地图视口左上角到右下角的距离来计算地图缩放的，然后发现不好算，我也不会算，于是就计算水平方向距离的缩放。 2. 然后我发现了地图分辨率的定义使是 ： **分辨率——屏幕上一个像素代表多少地 ......
前端Vue腾讯地图SDK Api经纬度解析为地址信息Geocoding 可用于定位经纬度信息解析为地址
#### 前端Vue腾讯地图SDK Api经纬度解析为地址信息Geocoding 可用于定位经纬度信息解析为地址， 下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13311 #### 效果图如下： ） 比较有名的初创公司DeepMap、CivilMaps、lvl5、Carmera。另外Uber、通用Cruise等也都在布局高精地图。 和美国不同，国内市场因 ......
使用uni.app 里面 uni.chooseLocation api 打开地图位置 踩坑 踩坑 地图搜索 和列表一直转圈 不显示
用 Android 基座 可以正常使用 真机调试也可以用 就是打包的时候 打包完毕 弹出地图 之后 搜索 一直转圈 地图 列表 没有 东西 也是一直转圈 里面有好多踩坑点 太狗了 要打包的 包名 和 dcloud 里面的包名 和如果 用高德地图 里面的 packagename 三个要一致 uni.a ......
大体积mbtiles影像地图文件用什么软件浏览？
mbtiles格式简称mbt，是一种影像地图文件。PC端和手机端都有软件可以加载留着mbt格式的影像地图。 电脑桌面端 电脑端上的软件可以使用“图新地球”，直接把mbt文件拖到地图上即可，非常简便。 手机端 可以从华为应用商店下载“外业精灵”app，安装app后，把mbtiles文件拷贝到手机上，然 ......
uniapp使用高德地图注意事项
1、获取定位信息需要连接网络 2、map 组件使用的经纬度是国测局坐标，调用 uni.getLocation 接口需要指定 type 为 gcj02 3、H5 端获取定位信息，需要部署在 https 服务上，本地预览（localhost）仍然可以使用 http 协议。 ......
高德地图聚合注意版本引用
initMap() { let that = this let points = [] try { let level = that.mapLevel 'null' || null that.mapLevel ? 10 : this.mapLevel let centerPoint = that.m ......
如何在AutoCAD中加载在线百度地图/高德地图？
AutoCAD是一款广泛使用的计算机辅助设计软件，许多用户都希望在软件中能够方便地加载在线地图，以便更好地进行设计和规划工作。可以通过以下方法在AutoCAD中加载百度、高德等在线地图。 方法/步骤 下载并安装GIS4CAD插件 http://www.geosaas.com/download/gis ......
gmap构建离线地图，用createCustomerTiledLayer方法，瓦片地址尾部多了 ?x={x}&y={y}&z&{z} 导致无法显示地图。
gmap构建离线地图，用createCustomerTiledLayer方法，瓦片地址尾部多了 ?x={x}&y={y}&z&{z} 导致无法显示地图。 ```javascript function initMap() { this.map = new GL.Map('map', { center: ......
记录--写一个高德地图巡航功能的小DEMO
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 风格设置 加载地图 使用AMapLoader.load加载地图，从 控制台 申请一个属于自己的key import AMapLoader from '@amap/amap-jsapi-loader'; ... const AMap = a ......
vue高德地图实现播放暂停功能，支持快进快退，播放倍数设置
高德地图实现具体功能如图 具体实现思路如下: <div class="playAnimation"> <table width="100%" style="" border="0"> <tr class="info_play"> <td>{{ currentMileage / 10 }} KM / ......
高德地图动态Marker和自定义弹框、交互事件、中心点跳转
# 高德地图 vue3 使用 ##### 下载 NPM： ```javascript npm i @amap/amap-jsapi-loader --save ``` 根据官网提示，VUE3 需要改变监听模式 下载 ```javascript npm i @vue/reactivity ``` ## ......
使用arcgispro将shp格式地图转换为移动端使用的geodatabase格式数据
使用arcgispro将shp格式地图转换为移动端使用的geodatabase格式数据  ![](https:// ......
uniapp,微信小程序点击按钮打开地图进行导航
uniapp示例： <view class="order-contact-item" style="width:50%;text-align: center;" @tap="openMapNavigation">导航商家</view> //js函数打开导航 openMapNavigation() { ......
使用arcgispro转换地图格式为移动端使用的tpk格式
使用arcgispro转换地图格式为移动端使用的tpk格式  { // 高亮轮播展示 var index = 0; this.timer = null; this.timer = setInterval(()=>{ myChart.dispatchAction({ type: 'downplay ......
基于vue+elementUI使用vue-amap高德地图
首先，需要去高德地图进行注册一个 https://lbs.amap.com/?ref=https://console.amap.com/dev/index ，得到一个key 然后 安装依赖 npm install vue-amap —save 在main.js中加入 import VueAMap f ......
Echarts创建中国3D地图
## Echarts创建中国3D地图 客户需要做一版3D中国地图，地图要倾斜角度，然后可以支持点击省份，对地图两侧的图表数据进行切换，此外还有一些纹理，顶牌信息面板的效果，不一一赘述，末尾我会放一张成品的图片。 ### 地图数据 Echarts官网迁移后，地图的json数据已经不翼而飞了，所以在开发 ......
【FAQ】关于华为地图服务定位存在偏差的原因及解决办法（二）——仅适用于Location 6.7.0.300及之后的版本
### 一、 问题描述： 华为地图服务“我的位置”能力，在中国大陆地区，向用户展示他们在地图上的当前位置与用户的实际位置存在较大的偏差。 具体差别可以查看下方的图片/视频： ![](https://oscimg.oschina.net/oscnet/up-aa47491b6990a66b788aa6 ......