1. 在地图中加入一个自己需要的图标，一般使用图片，定位方便

<mapstyle="width: 100%; height: 100%;"id="map":latitude="latitude":longitude="longitude":markers="markers":scale='scale':circles="circles"@markertap='toChangePoint'show-location='true'
><image class="mapCenter" src="@/static/cross.png"></image>
</map>

2. 设置样式

注意，最好把定位点放在地图中心，方便获取坐标

.mapCenter {width: 60rpx;height: 60rpx;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
}

3. 调用getCenterLocation方法

const add = res => {console.log('当前坐标==>',res.latitude,res.longitude)// 向点位数组中添加一个点位this.markers.push({id:this.markers.length,latitude: res.latitude,longitude: res.longitude,iconPath: '../../../static/location.png',})
}
uni.createMapContext('map', this).getCenterLocation({success:add
})

4. 最终效果

pc端啥也看不见，真机测试有数据

uni-app-地图中心设置图标-获取坐标相关推荐

java aoi 服务器地图_GitHub - WanZixin/getShp: 利用高德地图web服务API获取坐标串，生成行政区和aoi的shp文件...
爬取数据生成shp文件 1.功能简介共有两大功能,一个功能是根据高德地图web服务API获取行政区划坐标串,写入行政区shp文件:另一个功能是根据高德地图的接口获取poi坐标串,写入aoi(area ...
百度地图拖动标注后获取坐标
本来想用图吧的API来做的,结果弄了下,在手机上弄不了.换用百度地图了..本功能个人觉得在很多地方用到,先记下来,省得每次都得翻地图API文档一点一点弄. 功能表现为: 地图一开始打开就定位到你的附近 ...
高德地图API JS实现获取坐标和回显点标记
1.搜索+选择+获取经纬度和详细地址 2.回显数据并点标记 3.实现第一步:引入资源文件  <script src="//webap ...
高德h5地图api接口_html5通过腾讯地图、高德地图、百度地图开发api接口获取坐标对应的周边信息...
在通过 geolocation 获取到当前的 GPS 坐标后,需要通过"逆地理位置解析"才能得到街道对应的街道.建筑物.周边等相关信息. 下面我使用国内的三家主要的地图厂商(腾讯地 ...
vue 拖拽小图标获取坐标位置
遇到一个功能,在固定的一张图或者说一个框内有一个小图标可以拖拽,并且能拿到他当前位置的坐标,如下图二维码小图标代码如下 <!-- 拖拽小图标 v-drag:拖拽效果,配置当前元素positio ...
自己收藏的百度地图批量描点获取坐标工具类
直接上代码!!! <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" ...
app内接入高德地图常用设置及工具方法整理
地图初始化.权限设置.代码混淆等不再赘述,官方文档都有 1.常用基础设置 UiSettings uiSettings = aMap.getUiSettings(); uiSettings.setZoo ...
android百度地图定位自定义图标,百度地图SDK集成及根据坐标实现定位(android studio开发)...
百度地图SDK集成及根据坐标实现定位(android studio开发) 百度地图SDK集成及根据坐标实现定位(android studio开发) 1.下载百度地图SDK 链接:http://lbsy ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...

uni-app-地图中心设置图标-获取坐标

1. 在地图中加入一个自己需要的图标，一般使用图片，定位方便

2. 设置样式

3. 调用getCenterLocation方法

4. 最终效果

uni-app-地图中心设置图标-获取坐标相关推荐

最新文章

热门文章