在小程序中使用百度地图

这篇具有很好参考价值的文章主要介绍了在小程序中使用百度地图。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、获取密钥

进入百度开放平台官网,点击右上角“API控制台”,注册成为百度地图开发者。

进入控制台,创建一个新应用。填写相应信息时,应用类型选择【微信小程序】,APPID填写小程序开发者ID。

在小程序中使用百度地图

点击提交后,即可在查看应用页面看到申请成功的密钥(AK)。

二、引入JS模块

在项目根目录下新建一个路径,下载百度地图微信小程序JavaScript API,解压后的文件中有 bmap-wx.js 文件(压缩版 bmap-wx.min.js ),将其拷贝到新建的路径下,安装完成。

三、设置请求合法域名

登录微信公众平台-> “开发” -> “开发管理” -> ”开发设置“-> “服务器域名”-> “request 合法域名” ->添加 https://api.map.baidu.com-> 点击"保存并提交"

打开开发者工具 -> “项目配置” -> 点击"刷新",合法域名设置同步完成

在小程序中使用百度地图

四、使用示例——地址解析

将结构化地址(省/市/区/街道/门牌号)解析为对应的经纬度坐标。主要方法:BMapWX对象的geocoding(geocodingParam: Object)

wxml代码:文章来源地址https://www.toymoban.com/news/detail-408184.html

<view class="map_container"> 
  <map class="map" id="map" longitude="{
    {longitude}}" latitude="{
    {latitude}}" scale="14" show-location="true" markers="{
    {markers}}" bindmarkertap="makertap"></map> 
</view> 
<view class="rgc_info"> 
  <view>经度:{
  {longitude}}</view>
  

到了这里,关于在小程序中使用百度地图的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 使用百度地图坐标在微信小程序中定位显示

    一.需求描述:设备在上线时需要在上线点记录所在地点的坐标和位置描述信息 分别需要实现三个功能 1. 根据坐标点显示位置信息 , 图1 中的红色坐标点跳转到 图2 时,在腾讯地图上标出所在坐标点,并显示地点信息; 2. 定位当前所在位置 :点击蓝色图标,会定位当前所在位

    2024年02月09日
    浏览(82)
  • uni-app 小程序使用什么地图好(百度,高德,腾讯)

    前言 在开发小程序的时候我们会发现经常需要地图的使用,但是市面上主流的地图有腾讯,高德,百度。哪个好了 其实在我看来这个3地图没有好坏之分,各有所长。只是说哪个地图写小程序更加轻便,更加低耦合。 后面我把他们都试了一下发现,他们的使用方式都差不多,

    2024年02月09日
    浏览(90)
  • 关于uniapp在小程序中获取用户信息

    在微信小程序中,获取用户信息时,需要用到两个api就行 uni.login 以及 uni.getUserProfile 注意: 但是在使用中,我们会发现uni.getUserProfile这玩意不会出现以下弹框。这是因为微信官方的调试库问题;   调试库版本关系: 所以我们只需要把调试库换成2.21.2-2.27.0之间即可; 到此就

    2024年02月06日
    浏览(42)
  • uniapp在小程序登录,获取用户信息,获取手机号等流程

    uniapp小程序的授权描述 1、微信小程序通过uni.login()方法可以获取到微信提供的code 2、通过登录获取的code码可以以获取用户唯一标识openid以及会话密钥sessionkey用于解密获取手机的加密信息 3、通过微信提供的获取微信手机号的方法getphonenumber拿到encryptedData iv两个字段的内容

    2024年02月12日
    浏览(50)
  • 如何在小程序中获取用户昵称、电话号,头像

    一、如何获取昵称(获取微信昵称)以Taro框架为例 Taro框架中的组件Input的一个属性,type属性的值有一个nickname. 如果要拿到input的值,是要value结合onChange事件。 二、获取手机号 通过Button组件的属性来获取。 1、Button组件的open-type属性,当值为getPhoneNumber时进行用户授权。(手

    2024年02月04日
    浏览(71)
  • ChatGPT工作提效之使用python开发对接百度地图开放平台API的实战方案(批量路线规划、批量获取POI、突破数量有限制、批量地理编码)

    ChatGPT工作提效之初探路径独孤九剑遇强则强 ChatGPT工作提效之在程序开发中的巧劲和指令(创建MySQL语句、PHP语句、Javascript用法、python的交互) ChatGPT工作提效之生成开发需求和报价单并转为Excel格式 ChatGPT工作提效之小鹅通二次开发批量API对接解决方案(学习记录同步、用户注

    2024年02月06日
    浏览(52)
  • 【uniapp小程序实战】—— 使用腾讯地图获取定位

    本篇文章分享一下我在实际开发小程序时遇到的需要获取用户当前位置的问题,在小程序开发过程中经常使用到的获取定位功能。uniapp官方也提供了相应的API供我们使用。 官网地址:uni.getLocation(OBJECT)) uni.getLocation(OBJECT) 获取当前的地理位置、速度。 OBJECT 参数说明 参数名 类

    2024年02月03日
    浏览(61)
  • 微信小程序使用高德地图获取当前定位

    1.在腾讯地图官网注册一个key(创建一个应用会自动生成一个key,详细步骤如图) 腾讯位置服务 - 立足生态,连接未来 注意点:开通webserviceAPI服务:控制台 -应用管理 - 我的应用 -添加key- 勾选WebServiceAPI - 保存 (小程序SDK需要用到webserviceAPI的部分服务,所以使用该功能的KEY需

    2024年02月06日
    浏览(64)
  • uniapp APP、H5和微信小程序 使用百度地图,H5动态加载百度地图sdk,cover-image图片不显示,标准基座模拟器地图不显示,表单校验字段[‘**‘]在数据库中不存在

    APP里面的几个注意项 在百度地图开放平台申请密匙,在manifest.json App模块配置的地图模块选择百度地图并填入申请到的appkey。 页面使用uniapp的map标签,要在地图上面覆盖图片、内容等,使用cover-image、cover-view,因为map是原生组件,覆盖的内容有时不显示,使用v-if控制(这里

    2024年02月11日
    浏览(67)
  • uniapp在小程序中获取manifest中的版本等配置信息vue2

    vue2版本在根目录新建一个 vue.config.js ,如果没有的话。 写入以下内容 执行的过程 读取 manifest.json 的源文件内容 去掉其中的注释后转为 JSON 数据 写入到 utils/config/version.json ,自己视情况修改路径 读取 import { version } from \\\"utils/config/version.json\\\" 如果有其他要共享的文件也可以这

    2024年02月05日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包