小程序可以实现地图点选 获取经纬度位置信息功能吗

小程序可以实现地图点选 获取经纬度位置信息功能吗,第1张

可以。

获取经纬度位置信息功能的方法:

方法一:使用xGeocoding工具,批量获得Google Earth/Google Map/百度/腾讯/高德等地图的经纬度。工具地址:>

1打开百度地图“坐标拾取系统”:输入网址”>

2进入”坐标拾取系统“后,就可以方便的查询自己的精准地理信息了,我们以”海尔工业园“为例,寻找它的详细坐标。在搜索栏输入“海尔工业园”点击搜索,如图,就会在地图上出现相应的标记,点击你要找的某一个,就能看到相应的坐标。

3把找到的坐标输入到搜索栏,把后面“坐标反查”给勾上,点击搜索,就会对应的坐标打上标记,同时会有相应地址在最右边

4把鼠标在地图上滑行,你可以看到,鼠标滑到每一个地方,都会显示对应的坐标。

方法二:使用Python程序,直接嵌入即可。

小程序api提供的//打开地图wxopenLocation({longitude:Number(longitude),latitude:Number(latitude),name:name,address:address,scale:1

在微信小程序实现简单定位功能,简单易读,获取经纬度信息,在pages下创建一个单页,举例如local页面,配置该类页面的js、wxml、json文件,来完成定位api接口的引用

localjs如下

var app = getApp()  

Page({ 

    data:{

       latitude:'',

       longitude:''

    },

getLocation:function(e) {

    consolelog(e)

    var that = this

    wxgetLocation({

      type: 'wgs84', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wxopenLocation 的坐标

      success: function(res){

        consolelog(res)     

      thatsetData({

              longitude:reslongitude,

              latitude:reslatitude        

      })

    }

 })

}

})

localwxml如下

<view class="page-body">

<view class="page-body-form">

    <text class="page-body-form-key">经度:</text>

    <input class="page-body-form-value" type="text" 

    value="{{longitude}}" name="longitude"></input>

    <text class="page-body-form-key">纬度:</text>

    <input class="page-body-form-value" type="text" 

    value="{{latitude}}" name="latitude"></input>  

    <view class="page-body-buttons">

    <button class="page-body-button" type="primary" 

    bindtap="getLocation">获取位置</button>

    </view>

</view>

</view>

appjson如下

{

  "pages":[

    "pages/local/local"

  ],

  "window":{

    "backgroundTextStyle":"light",

    "navigationBarBackgroundColor": "#fff",

    "navigationBarTitleText": "定位",

    "navigationBarTextStyle":"black"

  }

}

以上就是关于小程序可以实现地图点选 获取经纬度位置信息功能吗全部的内容,包括:小程序可以实现地图点选 获取经纬度位置信息功能吗、微信小程序可以用地图的api吗、微信小程序定位功能开发,小程序定位功能怎么用等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10215652.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存