uni-app 小程序使用什么地图好(百度,高德,腾讯)

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

前言

  • 在开发小程序的时候我们会发现经常需要地图的使用,但是市面上主流的地图有腾讯,高德,百度。哪个好了

  • 其实在我看来这个3地图没有好坏之分,各有所长。只是说哪个地图写小程序更加轻便,更加低耦合。

  • 后面我把他们都试了一下发现,他们的使用方式都差不多,都是申请一个类似标识的东西,调用各自东西。

  • uni-app官网好像说暂时不支持百度地图,腾讯和高德都是以原生sdk的方式引用。类似第三方js文件动态引入

官网-开发者平台

百度地图:百度地图开放平台 | 百度地图API SDK | 地图开发

高德地图:高德优势 | 高德地图API

腾讯地图:腾讯位置服务 - 立足生态,连接未来

小程序使用说明

百度地图

uni-app 小程序使用什么地图好(百度,高德,腾讯)

说明:因为我是使用HBuilder X写的小程序,uni-app说项目暂时不支持使用百度地图-我就没有看了。大家有兴趣可以试一下。

uni-app 小程序使用什么地图好(百度,高德,腾讯)

高德地图

uni-app 小程序使用什么地图好(百度,高德,腾讯)

说明:高德地图也是提供了微信小程序插件,有演示地址,和仓库代码下载。但是由于他是写的小程序版,我是用uni-app语法不一样,并且它的一个小案例关联着别的几个页面,把它转成uni-app版本比较费时间,如果是用原生小程序开发,就可以直接复制。

腾讯地图

uni-app 小程序使用什么地图好(百度,高德,腾讯)

说明:原生小程序和uni-app内置的地图都是腾讯地图,腾讯地图本身也是提供了2个版本,微信小程序sdk和小程序插件。可以直接使用uni-app的获取位置api,坐标不用转换。

微信小程序sdk

引入sdk,提供的是接口调用,可以更具自己需求进行调用。最多可以创建3个key,每个key个人和企业api调用额度都是不一样的。但是他也是原生小程序写法,不过是接口调用,代码不多,每个页面独立。转换起来方便。

微信小程序插件

使用也很简单,但是注意它暂时不对个人用户开放,因为他要在微信开发者后台引入插件。


总结:

如果是用原生小程序开发(微信开发者工具)可以使用高德地图,可以下载代码查看,直接复制

如果是uni-app/原生开发,有企业开发账号可以直接使用腾讯地图微信小程序插件,方便快捷。

如果是uni-app开发,没有企业开发者,是个人,就使用腾讯地图微信原生SDK

任何一个地图开源出来都是做了很大共享,没有好坏之分,只是说哪个地图跟符合我们自己开发需求。更快。


总结:

经过这一趟流程下来相信你也对 uni-app 小程序使用什么地图好(百度,高德,腾讯) 有了初步的深刻印象,但在实际开发中我 们遇到的情况肯定是不一样的,所以我们要理解它的原理,万变不离其宗。加油,打工人!

什么不足的地方请大家指出谢谢 -- 風过无痕文章来源地址https://www.toymoban.com/news/detail-492544.html

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

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

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

相关文章

  • uni-app 小程序使用腾讯地图完成搜索功能

    前言 使用uni-app开发小程序时候使用腾讯地图原生SDK是,要把原生写法转成vue写法在这记录一下。 我们需要注意的是使用高德地图时我们不仅要引入SDK,还要再uni-app中配置允许使用。 由于uni-app内置地图就是腾讯,所以获取位置的api,uni.getLocation坐标不用转换,直接使用。

    2024年02月08日
    浏览(64)
  • 前端vue uni-app百度地图定位组件,显示地图定位,标记点,并显示详细地址

    快速实现前端百度地图定位组件,显示地图定位,标记点,并显示详细地址; 阅读全文下载完整代码请关注微信公众号: 前端组件开发 效果图如下:     代码如下: # 百度地图定位组件,显示地图定位,标记点,并显示详细地址 #### 使用方法 ```使用方法 #安装vue-baidu-map插件

    2024年02月08日
    浏览(64)
  • uniapp上高德(百度)地图API的使用(APP安卓)

    前言 由于在app中没有document,window等对象,所以使用在pc端传统方法引入的方式,将会发现无法引用成功,会出现白屏现象。 目前有两种解决方式: 使用uniapp的web-view方式(百度地图) 使用renderjs来调用document等js对象(高德地图) map.vue: 中间实时显示地图上图标的个数,以及

    2023年04月10日
    浏览(94)
  • uni-app微信小程序打开第三方地图

    小程序中有个按钮点击以后会调用手机中第三方地图进行导航。 参数 位置信息 经度 与纬度。 原本以为一切顺利,结果在微信开发者工具中显示如下: location参数格式错误,请正确填写 经过测试发现,因为我在微信小程序中使用,所以默认会使用腾讯地图来显示。 而我的经

    2024年02月06日
    浏览(83)
  • uni-app微信小程序结合腾讯地图获取定位导航以及城市选择器

    目录 第一步:登录小程序公众平台==设置==第三方设置  第二步:登录腾讯地图申请属于自己小程序的key  第三步:找到腾讯地图的插件​​​​​​​  第四步:添加插件与允许授权  第五步:使用    腾讯地图后台:https://lbs.qq.com/dev/console/application/mine    添加key,授权使

    2023年04月12日
    浏览(92)
  • uni-app日历组件(calendar),兼容安卓、ios、微信、百度、抖音小程序

    插件链接: https://ext.dcloud.net.cn/plugin?id=7839/ 参数 说明 类型 可选值 默认值 pointList 日期数组,控制日期底下的点 Array - [] pointColor 点的颜色 String - #fff defaultDate 默认选中的日期 String - 默认值为当天 (传YYYY-MM-DD 或者 YYYY/MM/DD格式日期) showBtn 是否显示 展开/折叠 按钮 Boolean true /

    2024年02月09日
    浏览(67)
  • Flutter - APP跳转高德、百度、腾讯、谷歌地图

    demo 地址: https://github.com/iotjin/jh_flutter_demo 代码不定时更新,请前往github查看最新代码 这里介绍的是不需要自己开发地图,直接通过给定的经纬度,跳转到三方地图APP调用导航的方式 一种是写的工具类,一种是通过调用三方库 map_launcher 实现的 官方文档: 跳转高德导航 - 路径

    2024年01月20日
    浏览(50)
  • uni-app开发小程序中遇到的map地图的点聚合以及polygon划分区域问题

    写一篇文章来记录以下我在开发小程序地图过程中遇到的两个小坑吧,一个是点聚合,用的是joinCluster这个指令,另一个是polygon在地图上划分多边形的问题: 1.首先说一下点聚合问题,由于之前没有做过小程序地图问题,所以浏览了很多资料,最终发现看的多了反而杂乱,而

    2024年02月11日
    浏览(55)
  • 手机上获取地图某个定位的经纬度坐标的方法 - 查询经度、纬度 - 百度地图app、高德地图app、Earth地球

    拖动、定位、获得左上角的 东经、北纬等信息,就是经度、纬度了。 手机安装app 苹果: Earth-地球 安卓、鸿蒙: Earth地球   打开软件,拖动地图   左上角的坐标就是 经度、纬度     百度地图app、高德地图app都无法获取坐标、经度、纬度   手机也可以用 网页版坐标拾取系

    2024年02月09日
    浏览(184)
  • 【备忘录】uni-app的地图相关组件操作,uni-app接入腾讯地图API的具体实现

    官方帮助文档:https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 进行一些简单的配置 Uniapp提供的位置相关的服务: https://uniapp.dcloud.net.cn/api/location/location.html UniApp提供的地图组件 https://uniapp.dcloud.net.cn/component/map.html 文档针对微信小程序进行设置,其他端使用这些组件还需要参

    2023年04月26日
    浏览(64)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包