钉钉小程序 - map组件 - 拖动地图选择位置并获取该位置的经纬度

最新推荐文章于 2025-03-11 17:13:59 发布

Upward Force

最新推荐文章于 2025-03-11 17:13:59 发布

阅读量5.6k

点赞数 3

分类专栏：钉钉小程序文章标签：小程序 javascript css 高德地图定位

本文链接：https://blog.youkuaiyun.com/qq_43884155/article/details/107087710

版权

钉钉小程序功能要求：在页面中输入地址名称，获取地址所对应的经纬度，然后传给服务器。

但是钉钉小程序的map组件以及地图API貌似不支持这个功能，所以想了两个折中的方法：

方法一

将固定定位标记置于地图中心点，拖动地图，将需要搜索的位置拖至该标记点，然后获取地图中心点的经纬度，这就是我们所需要的经纬度了

1、效果图
在这里插入图片描述
2、代码演示
json 文件

{
   
  "defaultTitle": "获取冷库位置"
}

axml 文件

<map id="map" latitude="{
    {latitude}}" longitude="{
    {longitude}}" controls="{
    {controls}}" onControlTap="onControlTap" onRegionChange="onRegionChange"></map>
<view class="longitude">当前经度：{
  {longitude}}</view>
<view class="latitude">当前维度：{
  {latitude}}</view>
<view class="save flex2" onTap="onSave">保存</view>

js 文件


Page({
   
  data: {
   
    longitude: '',
    latitude: '',
    controls: []
  },
  onLoad() {
   
    var _this = this;
    // 页面一加载，获取当前经纬度，绑定到地图上
    dd.getLocation({
   
      success(res) {
   
        _this.setData({
   
          longitude: res.longitude,
          latitude: res.latitude,
        })
      },
      fail() {
   
        dd.alert({
    content: '定位失败' }