微信小程序打开内置地图并通过外部地图进行导航

爱被打了一巴掌 2023-02-24 03:43 264阅读 0赞

## 效果图：  ##

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70 1][]核心代码： ##

要显示地图并可以实现导航时，只需要调用如下函数，然后传入要显示在地图中的经纬度和要进行导航的位置名称

/**
       * 查看位置
       * latitude longitude 表要展示在地图中的经纬度
       * name 表示要导航的位置名称
       */
      viewLocation: function (latitude = 30.791611,longitude = 111.310880, name = '夷陵区殡仪馆') {
        wx.getSetting({
          success: (res) => {
            if (res.authSetting['scope.userLocation'] != undefined && res.authSetting['scope.userLocation'] != true) {
              wx.showModal({
                title: '

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200708091418192.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1MzY2MjY5_size_16_color_FFFFFF_t_70 1]: /images/20230209/b8eaa8153d7540bc8671b9b8f4ddc099.png

发表评论取消回复

表情：

评论列表（有 0 条评论，264人围观）

还没有评论，来说两句吧...

相关阅读

相关微信小程序地图

地图组件：完成两大功能：A .显示地理位置；B .标记建筑物。 1、完成最简单的地图显示：为通过CSS设置一个宽度和高度。 2、如何显示指定位置的地图：

迈不过友情╰/ 2023年07月19日 10:45/ 0 赞/ 48 阅读

相关微信小程序打开内置地图并通过外部地图进行导航

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubm

爱被打了一巴掌/ 2023年02月24日 03:43/ 0 赞/ 265 阅读

相关微信小程序地图功能

一，显示地图 <map id="map" longitude="{ {longitude}}" latitude="{ {latitude

Dear 丶/ 2022年12月20日 02:55/ 0 赞/ 257 阅读

相关微信接入js-sdk-获取地理位置，打开微信内置地图

1.第一步当然是已经正确接入了微信并且配置好了回调安全域名。不会的朋友可以看看[《微信开发-初级接入微信公众平台MP》][-_MP] 2. 引用微信js-sdk

叁歲伎倆/ 2022年06月16日 09:47/ 0 赞/ 1304 阅读

相关微信端唤起腾讯地图并进行导航

微信端唤起腾讯地图并进行导航 $('.companyAdress').on('click',function()\{ window.location.hr

落日映苍穹つ/ 2022年06月12日 09:20/ 0 赞/ 309 阅读

相关微信小程序中实现地图导航

<map id="map" longitude="116.715790" latitude="23.362490" markers="\{ \{markers\}\}"

电玩女神/ 2022年05月22日 10:55/ 0 赞/ 379 阅读

相关微信小程序地图导航之多样式线条

polyline: [ { points: [{ longitud

刺骨的言语ヽ痛彻心扉/ 2022年05月10日 09:42/ 0 赞/ 586 阅读

相关微信小程序调用地图设置起点终点导航

本文主要讲一下如何使用微信内置地图设置起点终点并导航传送门：[微信小程序API~位置信息][API] 准备工作：在app.json文件中配置可获得当前位置的许可

ゝ一纸荒年。/ 2021年09月21日 10:42/ 0 赞/ 883 阅读

相关微信小程序地图组件

[完整微信小程序(Java后端) 技术贴目录清单页面（必看）][Java_] 地图（v2.7.0 起支持[同层渲染][Link 1]，相关api [wx.createMapC

﹏ヽ暗。殇╰゛Y/ 2021年09月08日 07:14/ 0 赞/ 1063 阅读

相关微信小程序地图组件

index.wxml <map id="map" markers="{ {markers}}" longitude="{ {longitu

女爷i/ 2021年07月25日 01:34/ 0 赞/ 726 阅读