微信小程序--map路线规划

最新推荐文章于 2024-07-03 19:24:56 发布

purpleyou

最新推荐文章于 2024-07-03 19:24:56 发布

阅读量735

点赞数 1

分类专栏：微信小程序

本文链接：https://blog.csdn.net/qq_42734999/article/details/100602354

版权

这篇博客介绍了如何使用微信小程序的map组件来显示地图，并详细讲解了如何获取用户当前位置、目的地的经纬度坐标，以及如何处理路径规划，最终实现点击确认后的路线展示功能。

摘要由CSDN通过智能技术生成

小程序map组件实现地图显示

<view class="wrapper">
  <map id="myMap" longitude="{
   {longitude}}" latitude="{
   {latitude}}" markers="{
   {markers}}" polyline="{
   {polyline}}" enable-traffic></map>
  <view class="input">
    <input type="text" bindinput="getInputValue"></input>
    <view class="ok" bindtap="serach">确认</view>
  </view>
</view>

在这里插入图片描述

获取用户当前位置坐标

// 引入SDK核心类
var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
var qqmapsdk = new QQMapWX({
   
  key: 'ZBLBZ-S7Q6U-VTZVB-2FCL7-S223O-CTFX2' // 必填
});
import gcoord from '../../utils/gcoord.js';