MUI 使用百度地图

最新推荐文章于 2025-07-12 13:11:33 发布
原创 最新推荐文章于 2025-07-12 13:11:33 发布 · 5.6k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

这篇博客详细介绍了如何在MUI应用中集成百度地图SDK，包括申请百度地图API秘钥、创建Android和iOS应用、配置应用SDK，并在manifest.json中设置权限，最后提供了页面初始化地图的注意事项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.申请百度地图秘钥。地址：http://lbsyun.baidu.com/apiconsole/key

2.创建应用（Android/IOS）

   a)Android SDK

      应用名称：随便填写。

      应用类型：选择Android SDK

      启用服务：建议全选

      发布版SHA1：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58（DCloud公用证书SHA1）

      

最低0.47元/天 解锁文章

200万优质内容无限畅学
mui：在javascript中使用百度地图实现精确定位（一）
风雨落
07-24 1万+
在国内一般都使用百度地图、高德地图等来实现定位， 首先你要申请密钥， 可以参考网上的教程https://jingyan.baidu.com/article/363872eccda8286e4aa16f4e.html 其次就是使用了，引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你申请的ak码
mui，js，百度地图实现定位
01-30
mui+js+百度地图实现移动端定位。使用国内开源移动端框架mui，js实现百度地图定位功能
使用mui显示百度地图
zh3210576的博客
11-29 750
使用mui显示百度地图 android应用在使用百度地图的时候通常需要配置很多信息，那么mui打包的APK可以直接通过JavaScript的Api实现简单的地图功能 1.百度地图开放平台的秘钥 我们可以直接创建浏览器端的AK 秘钥即AK，留着备用 2.mui界面设计 主要功能： 1.显示当前定位（需要真机才有效果） 2.城市搜索 3.选中点的标记 3.对应代码 <!doctype html> <html> <head> <meta charset="u
构建高效移动Web应用的MUI框架
最新发布
weixin_42309599的博客
07-12 869
在现代Web开发领域，框架是构建快速、可维护和响应式用户界面的关键工具。MUI框架作为一个流行的JavaScript前端框架，它为开发者提供了一套独特的工具集，以便高效地开发具有专业外观的应用程序。MUI不仅提供了一套丰富的UI组件，而且能够轻易地集成到各种JavaScript项目中，无论是单页应用还是传统的多页应用。MUI的设计理念是”简洁至上”，它帮助开发者通过最少的配置代码快速实现复杂的功能。
MUI框架中使用百度地图（全网独一份最详细的图文教程）
TrueDei
11-25 2811
MUI框架中使用百度地图（全网独一份最详细的图文教程） 文章目录MUI框架中使用百度地图（全网独一份最详细的图文教程）注意事项效果一、申请百度地图权限二、配置应用三、在页面上使用四、测试效果以上步骤可以重复执行看到了吧，MuMu模拟器也是使用的百度地图，真有缘呀，hhh 注意事项 如果还没有注册的童鞋可以先去百度地图开放平台注册一下账号，如果不明白可以参考：https://blog.csdn.ne...
Mui手机打开地图
qq_39282774的博客
12-23 229
openMapRoute() { const lat = '116.328103' const lon = '39.900835' const cityName = '北京市丰台区莲花池东路118号' let url = '' if (plus.os.name == 'Android') { const hasBaiduMap = plus.runtime.isApplicationExist({ pname: 'com.baidu.BaiduMap',
mui 基于高德地图定位和地址转换
03-27
前不久用mui做一个电商的app，有定位需求，所以做了一个高德地图web端的定位。
html5 mui 手机首页排版 地图 实现
11-08
然而，对于更复杂的地图交互，如缩放、拖动、标记点等，开发者通常会依赖第三方地图服务，如高德地图、百度地图或谷歌地图的JavaScript SDK。 在结合HTML5和Mui实现地图功能时，首先要在HTML文件中引入地图服务的...
基于HBuilder MUI框架的百度地图搜索APP开发教程
本篇将围绕“基于HBuilder mui框架开发的地图搜索（百度地图）APP”这一主题展开，详细解析相关的开发知识点。 ### 标题知识点解析：hbuilder做的百度地图搜索 #### 1. HBuilder开发环境与特点 HBuilder是专为Web...
mui百度地图开发
Chief_fly的博客
01-25 568
首先准备工作，先在百度开发平台申请app的地图key，需要在manifest.json文件配置百度SDK参数 地图主界面代码片段： &amp;lt;body&amp;gt; &amp;lt;header id=&quot;header&quot; class=&quot;mui-bar mui-bar-nav&quot; style=&quot;background-color: gold&quot;&amp;gt;
mui使用百度地图sdk及定位方法
qq_37530404的博客
05-24 6065
一、使用前配置：参考http://ask.dcloud.net.cn/article/29       注意事项：    (1)HBuilder默认打包使用的签名为"BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58"（Android打包证书）。    (2)应用包名，在提交App云端打包时默认为“io.dcloud.%APPID...
Html5如何唤起百度地图App的方法
09-22
主要介绍了Html5如何唤起百度地图App的方法的相关资料，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
H5调用百度地图原生
03-18
H5框架调用原生的百度地图插件
MUI 安卓app 地图显示正在加载中
u011089277的博客
06-17 1601
新建一个移动端app，勾选（Hello H5+），创建一个demo app 在项目里找到maps_map.html(这个是打开内置地图)，最好是把这个html内容复制到另外一个html里 之前用了一个plus.geolocation.getcurrentwebview()报错。定位要用上面那个。 后面就在这个基础上加内容！打包以后，地图会出来的。不会一直显示“正在加载中。。。
map展示当前位置，并实时以当前位置为中心显示
云上人间钦自赏
04-26 5183
官方的demo虽然设置了setCenter，实测，是无效的，getUserLocation仅执行一次，所以，只有在初始化时才设置中心点， 稍微改动了一下，过一秒钟后递归一次，可以实现地图实时更新，基本可以做为一个简单的导航使用了。 function userLocation() { map.showUserLocation(true); map.getUserLocation(functi
MUI框架-13-使用百度地图 API（图文教程）
肖朋伟
11-07 7789
MUI框架-13-使用百度地图 API（图文教程） 一、申请百度地图权限 1.打开 百度地图开放平台：http://lbsyun.baidu.com/apiconsole/key 2.【创建应用】&amp;amp;gt;【填写必要信息】 【提示】： 1.应用名称：随便填写。 2.应用类型：选择Android SDK 3. 启用服务：建议全选 4.发布版SHA1：BA:AD:09:3A:82:82:9F:B4:...
Android解决百度地图SDK打包后不能显示地图的方法
乞力马扎罗的雪CYF的博客
10-04 2768
我们使用百度地图SDK来进行Android App的开发，当在IDE环境中测试时，是没有问题的，因为Eclipse的SHA1值我们已经在平台上设置了AK值。但是当我们打包我们的App时，此时这个App的SHA1值就不是刚才在Eclipse中的SHA1值了，而是自动生成的值，那么我们应该怎么做呢？步骤如下： （1）首先要打包App，打包完成后会生成一个keystore文件和一个apk文件。然后DO
Hbuilder中百度地图插件的使用
热门推荐
弹指间，BUG灰飞烟灭！
06-24 2万+
需要一个app,有地图和导航功能，需要调用百度地图插件。 1.打开百度地图LBS开放平台（http://lbsyun.baidu.com/）。 2.点击API控制台进入。 3.在工具Hbuilder中创建html5+APP。 新建移动app(HelloMap)–>模板选择HTML5+–>创建 将新建项目plus文件夹中demo文件删除，只留以下三个文件
mui地图点击添加坐标点及地理位置信息
yinjiao5826的博客
02-27 979
//地图上的点击事件 map.onclick = function( point ){ console.log(point.getLat()+'|'+point.getLng()) map.clearOverlays(); plus.maps.Map.reverseGeocode(point,{},function(event){ var address =...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值