关于百度定位
这是官方定位的解释:
我在问答里面找到了这位童鞋的
不过，童鞋倒是给具体的示例啊，木有~~~~(&_&)~~~~
官方的插件配置也看的懵懵懂懂，一塌糊涂
ok，自己搞，搞了大半天基本上弄清楚了，下面就总结一下自己的心血历程吧！！！~~~~~
首先要到注册开发者账号
在应用里面创建应用
服务器、Android、ios、浏览器逐个建立一个遍
安卓和ios的安全码采用dcloud官方的“BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder”
服务器和浏览器的Refer白名单默认“*”
下面就是挖坑填坑的经历了
刚开始的使用, 根据照葫芦画瓢，可是太尼玛慢
接着看到了, ok 这次快了好多，能不能更快呢，当然可以O(∩_∩)O~
秘诀就是这
通过逆地理编码服务获取数据
我们可以将以下链接放到浏览器地址栏中试一下
到这终于可以松一口气了，差多搞定了，下面就是码砖了，为了方便，直接贴代码了
&!--废弃--&
&!--&script type=&text/javascript& src=&http://api./api?type=quick&ak=你的key&v=1.0&&&/script&--&
(function($) {
* @description 获取百度定位信息
* @param {Function} callback
function getPosition(callback) {
plus.geolocation.getCurrentPosition(function(position) {
console.log(JSON.stringify(position));
var codns = position.coords; //获取地理坐标信息；
var geoc = new BMap.Geocoder();
var pt = new BMap.Point(codns.longitude, codns.latitude);
geoc.getLocation(pt, function(rs) {
var addComp = rs.addressC
console.log(JSON.stringify(addComp));
var lo =addComp.province+','+addComp.
callback(lo);
var req = 'http://api./geocoder/v2/';
var parms = {
ak: '你的key',
callback: 'renderReverse',
output: 'json',
location: codns.latitude + ',' + codns.longitude
//,pois:1（周边poi数组） //不建议要，周边数据太杂，不需要
mui.ajax(req, {
data: parms,
dataType: 'json', //服务器返回json格式数据
type: 'post', //HTTP请求类型
timeout: 10000, //超时时间设置为10秒；
success: function(data) {
console.log(JSON.stringify(data));
myStorage.setItem('geolocation',data);
if (data.status == 0) {
var lo = data.result.addressComponent.province + ',' + data.result.addressComponent.city;
callback(lo);
callback(false);
error: function(xhr, type, errorThrown) {
callback(false);
}, function(e) {
console.log(&获取定位位置信息失败：& + e.message);
callback(false);
provider: 'baidu'
} catch (e) {
callback(false);
console.error(e.message);
$.getbaiduposition = getPosition;
阅读(...) 评论()【HTML】（12）
&!DOCTYPE html&
&meta charset=&utf-8&&
&meta name=&viewport& content=&initial-scale=1.0, maximum-scale=1.0, user-scalable=no& /&
&title&hello world&/title&
&style type=&text/css&&
font-size: 12
font-family: &微软雅黑&;
font-size: 16
margin-top: 12
font-weight: normal
/*&h1&1：然后按下拓展键（默认为tab），即可得到代码片段：&/h1&
&h3&在编辑器中输入缩写代码：ul&li*5 ，&/h3&
&h1&2：层级写法&/h1&
&h3&缩写：nav&ul&li&/h3&
&h1&3:兄弟&/h1&
&h3&缩写：div+p+bq&/h3&
&h1&4:上级写法 ^ 一个推一级&/h1&
&h3&缩写：div+div+div&p&span+em^^bq&/h3&
&h1&5:分组写法()&/h1&
&h3&缩写：div+(span*3&a)+div&/h3&
&h3&(div&dl&(dt+dd)*3)+footer&p&/h3&
&h1&6:乘法()&/h1&
&h3&缩写：(div+(span*3&a)+div)*2 或者
ul&li*5&/h3&
&h1&7:自增符号：$&/h1&
&h3&缩写：div[title='keke$']{keke$}*3 或者ul&li.item$$$*5&/h3&
&h1&8:文本内容：{}&/h1&
&h3&div#id{是的士大夫是否士大夫$}*3&/h3&
&h1&9:降序写法：$@-&/h1&
&h3&div#id$@-*5&/h3&
&h1&9:起点写法：$@-&/h1&
&h3&div#id$@3*5&/h3&
&h1&10:ID和类属性,如果不写标签，默认是div &/h1&
form#search.wide
p.class1.class2.class3
form#search.wide[action='index.jsp']
&h1&11:自定义属性（自定义属性）&/h1&
p[title=&Hello world&],
td[rowspan=2 colspan=3 title]
[a='value1' b=&value2&]
&h1&所有未知的缩写都会转换成标签，例如，&/h1&
&h3&缩写：!&/h3&
缩写：link
&link rel=&stylesheet& href=&& /&
缩写：link:css
&link rel=&stylesheet& href=&style.css& /&
缩写：link:print
&link rel=&stylesheet& href=&print.css& media=&print& /&
缩写：link:favicon
&link rel=&shortcut icon& type=&image/x-icon& href=&favicon.ico& /&
缩写：link:touch
&link rel=&apple-touch-icon& href=&favicon.png& /&
缩写：link:rss
&link rel=&alternate& type=&application/rss+xml& title=&RSS& href=&rss.xml& /&
缩写：link:atom
&link rel=&alternate& type=&application/atom+xml& title=&Atom& href=&atom.xml& /&
缩写：meta
缩写：meta:utf
&meta http-equiv=&Content-Type& content=&text/charset=UTF-8& /&
缩写：meta:win
&meta http-equiv=&Content-Type& content=&text/charset=windows-1251& /&
缩写：meta:vp
&meta name=&viewport& content=&width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0& /&
缩写：meta:compat
&meta http-equiv=&X-UA-Compatible& content=&IE=7& /&
缩写：style
&style&&/style&
缩写：script
缩写：script:src
&img src=&& alt=&& /&
缩写：iframe
&iframe src=&& frameborder=&0&&&/iframe&
缩写：embed
&embed src=&& type=&& /&
缩写：object
&object data=&& type=&&&&/object&
缩写：param
&param name=&& value=&& /&
&map name=&&&&/map&
缩写：area
&area shape=&& coords=&& href=&& alt=&& /&
缩写：area:d
&area shape=&default& href=&& alt=&& /&
缩写：area:c
&area shape=&circle& coords=&& href=&& alt=&& /&
缩写：area:r
&area shape=&rect& coords=&& href=&& alt=&& /&
缩写：area:p
&area shape=&poly& coords=&& href=&& alt=&& /&
缩写：form
&form action=&&&&/form&
缩写：form:get
&form action=&& method=&get&&&/form&
缩写：form:post
&form action=&& method=&post&&&/form&
缩写：label
&label for=&&&&/label&
缩写：input
&input type=&text& /&
&input type=&text& name=&& id=&& /&
缩写：input:hidden
别名：input[type=hidden name]
&input type=&hidden& name=&& /&
缩写：input:h
别名：input:hidden
&input type=&hidden& name=&& /&
缩写：input:text, input:t
&input type=&text& name=&& id=&& /&
缩写：input:search
别名：inp[type=search]
&input type=&search& name=&& id=&& /&
缩写：input:email
别名：inp[type=email]
&input type=&email& name=&& id=&& /&
缩写：input:url
别名：inp[type=url]
&input type=&url& name=&& id=&& /&
缩写：input:password
别名：inp[type=password]
&input type=&password& name=&& id=&& /&
缩写：input:p
别名：input:password
&input type=&password& name=&& id=&& /&
缩写：input:datetime
别名：inp[type=datetime]
&input type=&datetime& name=&& id=&& /&
缩写：input:date
别名：inp[type=date]
&input type=&date& name=&& id=&& /&
缩写：input:datetime-local
别名：inp[type=datetime-local]
&input type=&datetime-local& name=&& id=&& /&
缩写：input:month
别名：inp[type=month]
&input type=&month& name=&& id=&& /&
缩写：input:week
别名：inp[type=week]
&input type=&week& name=&& id=&& /&
缩写：input:time
别名：inp[type=time]
&input type=&time& name=&& id=&& /&
缩写：input:number
别名：inp[type=number]
&input type=&number& name=&& id=&& /&
缩写：input:color
别名：inp[type=color]
&input type=&color& name=&& id=&& /&
缩写：input:checkbox
别名：inp[type=checkbox]
&input type=&checkbox& name=&& id=&& /&
缩写：input:c
别名：input:checkbox
&input type=&checkbox& name=&& id=&& /&
缩写：input:radio
别名：inp[type=radio]
&input type=&radio& name=&& id=&& /&
缩写：input:r
别名：input:radio
&input type=&radio& name=&& id=&& /&
缩写：input:range
别名：inp[type=range]
&input type=&range& name=&& id=&& /&
缩写：input:file
别名：inp[type=file]
&input type=&file& name=&& id=&& /&
缩写：input:f
别名：input:file
&input type=&file& name=&& id=&& /&
缩写：input:submit
&input type=&submit& value=&& /&
缩写：input:s
别名：input:submit
&input type=&submit& value=&& /&
缩写：input:image
&input type=&image& src=&& alt=&& /&
缩写：input:i
别名：input:image
&input type=&image& src=&& alt=&& /&
缩写：input:button
&input type=&button& value=&& /&
缩写：input:b
别名：input:button
&input type=&button& value=&& /&
缩写：isindex
&isindex /&
缩写：input:reset
别名：input:button[type=reset]
&input type=&reset& value=&& /&
缩写：select
&select name=&& id=&&&&/select&
缩写：option
&option value=&&&&/option&
缩写：textarea
&textarea name=&& id=&& cols=&30& rows=&10&&&/textarea&
缩写：menu:context
别名：menu[type=context]&
&menu type=&context&&&/menu&
缩写：menu:c
别名：menu:context
&menu type=&context&&&/menu&
缩写：menu:toolbar
别名：menu[type=toolbar]&
&menu type=&toolbar&&&/menu&
缩写：menu:t
别名：menu:toolbar
&menu type=&toolbar&&&/menu&
缩写：video
&video src=&&&&/video&
缩写：audio
&audio src=&&&&/audio&
缩写：html:xml
&html xmlns=&http://www.w3.org/1999/xhtml&&&/html&
缩写：keygen
&keygen /&
缩写：command
&command /&
别名：blockquote
&blockquote&&/blockquote&
别名：acronym
&acronym title=&&&&/acronym&
别名：figure
&figure&&/figure&
缩写：figc
别名：figcaption
&figcaption&&/figcaption&
别名：iframe
&iframe src=&& frameborder=&0&&&/iframe&
别名：embed
&embed src=&& type=&& /&
别名：object
&object data=&& type=&&&&/object&
别名：source
&source&&/source&
别名：caption
&caption&&/caption&
缩写：colg
别名：colgroup
&colgroup&&/colgroup&
缩写：fst, fset
别名：fieldset
&fieldset&&/fieldset&
别名：button
&button&&/button&
缩写：btn:b
别名：button[type=button]
&button type=&button&&&/button&
缩写：btn:r
别名：button[type=reset]
&button type=&reset&&&/button&
缩写：btn:s
别名：button[type=submit]
&button type=&submit&&&/button&*/
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：13580次
积分：1761
积分：1761
排名：千里之外
原创：169篇
(9)(19)(18)(18)(51)(18)(16)(9)(13)
欢迎加入群进行技术交流或者QQ进行沟通提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供站长技术、站长资讯等内容
提供常用开发手册和开发工具
您现在的位置：& >
如何根据Geolocation获得的坐标获取所在城市？
导读：第一步通过mui.plusReady【表示页面加载事件】调用hbuilder提供的百度定位mui.plusReady(function(){plus.geolocation.getCurrentPosition(...
第一步通过mui.plusReady【表示页面加载事件】调用hbuilder提供的百度定位
mui.plusReady(function()
plus.geolocation.getCurrentPosition( geoInf, function ( e ) {
},{geocode:true,provider:'amap'});
第二步通过geolnf 方法来获取具体的定位信息
function geoInf( position ) {
var codns = position.//获取地理坐标信息；
var longt = codns.//获取到当前位置的经度
var lat = codns.//获取到当前位置的纬度；
提醒：position.address 获取的是地址集合包括省市县街道等
document.getElementById(&city&).value=position.address.//通过具体的地址集合获取具体市名称，其他以此类推。
文／老牛圣斗士（简书作者）
原文链接：/p/ae514ce7aeda
著作权归作者所有，转载请联系作者获得授权，并标注&简书作者&。
转载请注明（B5教程网）原文链接：
网友评论：输入关键字或相关内容进行搜索
云端打包地图功能需要到第三方地图平台申请应用后获取相关配置参数，目前HBUilder内置的是百度地图：
2. 百度LBS开放平台申请应用\n登录 ，点击“申请密钥”进入“我的应用”页面创建百度LBS应用(Android)\n在“我的应用”页面，选择“创建应用”：
应用名称：根据应用需求输入应用的名称，如“HBuilder for Android”；
应用类型：选择“Android SDK”；
启用服务：建议选中所有服务，至少需要选择“Geocoding API v2”、“IP定位API”、“路线交通API”、“Android地图SDK”、“坐标转换API”；
安全码：数字签名+;+Package，根据使用的证书和包名进行组合字符串，HBuilder默认打包使用的签名为&BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58&（），例如
&BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder&。
设置完成后点击“确认”保存。
Package：应用包名，在提交App云端打包时默认为“io.dcloud.%APPID%”（用户可自定义修改），如“io.dcloud.HBuilder”。
创建应用完成，获取appkey值待后面配置使用：
创建百度LBS应用(iOS)\n在“我的应用”页面，选择“创建应用”：
应用名称：根据应用需求输入应用的名称，如“HBuilder for iOS”；
应用类型：选择“iOS SDK”；
启用服务：建议选中所有服务，至少需要选择“Geocoding API v2”、“IP定位API”、“路线交通API”、“IOS地图SDK”、“坐标转换API”；
安全码：Bundle Identifier，即苹果AppID，HBuilder使用的为“io.dcloud.HBuilder”。
设置完成后点击“确认”保存。
创建应用完成，获取appkey值待后面配置使用：
高德LBS开放平台申请应用\n登录 ，点击有上角用户名称弹出菜单进入“我的KEY”页面创建高德应用(Android)\n在“我的KEY”页面，选择“获取KEY”：
应用名称：根据应用需求输入应用的名称，如“HBuilder.Android”；
绑定服务：选择“Android平台SDK”；
安全码：SHA1：应用打包时使用证书的指纹字符串（SHA1），HBuilder默认打包使用的签名为&BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58&（）；
Package：应用包名，在提交App云端打包时默认为“io.dcloud.%APPID%”（用户可自定义修改），如“io.dcloud.HBuilder”。
设置完成后点击“获取KEY”保存。创建应用完成后，即可在应用列表中获取KEY：
创建高德LBS应用(iOS)\n在“我的应用”页面，选择“创建应用”：
应用名称：根据应用需求输入应用的名称，如“HBuilder.iOS”；
绑定服务：选择“iOS平台SDK”；
安全码：Bundle Identifier，即苹果AppID，HBuilder使用的为“io.dcloud.HBuilder”。
设置完成后点击“获取KEY”保存。创建应用完成后，即可在应用列表中获取KEY：
HBuilder中配置地图参数\n在百度/高德开放平台申请应用获取配置参数后，注意不能同时选择使用百度地图和高德地图。
HBuilder进行如下操作进行配置：使用第三方插件\n双击应用的manifest.json文件，选中“使用第三方插件”
Ctrl+S保存。配置使用地图API\n打开manifest.json文件，切换到“代码视图”，在permissions节点下添加Maps节点：
Ctrl+S保存。配置地图参数\n手动编辑manifest.json配置参数\n点击manifest.json文件的“代码视图”，在plus -& distribute -& plugins 节点下添加maps节点：
在节点下添加“baidu”节点，并配置在百度LBS开放平台申请应用的AppKey：
在节点下添加“amap”节点，并配置在高德LBS开放平台申请应用的KEY：
可视化界面配置参数\n点击manifest.json文件的“可视化视图”，在“插件设置”下的“地图插件”：
选中“百度定位或地图”并配置参数：
选中“高德定位或地图”并配置参数：
appkey_ios: 百度地图iOS平台应用的appkey；
appkey_android: 百度地图Android平台应用的appkey。
appkey_ios: 高德地图iOS平台应用的KEY'；
appkey_android: 高德地图Android平台应用的KEY。
\n配置完成后Ctrl+S保存提交App云端打包生效。
请问你地图是离线打包的吗？
谢谢，我也遇到相同的问题，已解决。申请高德appkey时填写的package：io.dcloud.XXX需要和发布为原生app的Android包名要一致！
我这边只要吧高德地图的配置加 进去 就爆红 请问 能交流下么
集成高德地图失败
请问如何集成 。。
解决了，发布云时，包名和高德包名不一致。改成一致就行了。
我用的是 高德的
Android平台SDK
通过云发布，在手机定位。出现：key鉴权失败。 请问这个要怎样解决。难道我写错了？
为什么配置了高德地图，运行后还是百度地图？
为什么打包之后经纬度返回5e-324？
建议大家用高德
坑爹的百度，老旧文档的hbuild
折腾了我半天，告诉大家正确的姿势：
百度* 发布版SHA1
BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58
* 包名 里面写hbuild里发布时弹出的io.dcloud.xxx那包名 ，这篇文章里的写法是老百度的搞法。
怎么用web方式去调用啊？我看百度官方的demo都能用，然后引入到项目里来就不行了
andoird的可以 IOS的显示空白网格（IOS根据上面文档 配置安全码为io.dcloud.HBuilder应该就能显示，为什么不现实）
为什么按照这个配置生成的安装包运行后都是空白网格呢？
Mark一下。
微信开发的怎么加载地图导航
官方为什么不直接提供hBuilder基座的apikey呢
哥们，你的问题解决了吗，解决了教教我好吗？我也遇到这个问题了。万分感谢。
我的也是的，一直显示在加载中。。。你的解决了吗？
我也遇到这样的问题。怎么解决
我之前配置的是百度地图，现在想切换为高德地图，我把appkey都申请好，且按照本文配置好了。 但为啥我用plus.maps进行地图显示时，还是显示的“百度地图”的界面？
这个只有配置的
怎么使用呢？
如果我有三个应用需要 百度地图
安全码 都填写 ：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder
还是怎么填写？
如果我有三个应用需要 百度地图
安全码 都填写 ：BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder
很多方法都测试过了,云端打包后，依然是看不到地图,请问你有解决方法吗?
安全码是用苹果宫网iOS Provisioning Profiles申请的APP ID 吗?? 就是那个com.xxxxxx.xxxxx这个???
按照“BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder”在百度LBS平台的申请了Android和IOS的key，云端打包后，依然是看不到地图，单独再Hbuilder中调试，则能正常看到地图，还是包名还需要配置什么么？
申请地址已经变掉了在这/apiconsole/key，刚开始不知道，默认是在轻应用页面建立应用，捣鼓了好长时间。
怎么没有 iOS的
打包出来的Bundle Identifier怎么查看？
谢谢. 我准备用web方式调用了.
百度地图需要每个平台（iOS和Android）单独申请应用，appkey_ios是iOS平台的appkey，即访问应用（AK），appkey_android是Android平台的appkey。
&appkey_ios&:&应该哪个值&,
&appkey_android&:&应该那个值&,
description&:&这里可以随意吧&
确认在百度地图开放平台上配置的安全码是否正确，App云端打包使用默认证书格式为：&BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58;io.dcloud.HBuilder&
调用 void mapObj.setCenter( center ) 方法怎么地图是白屏啊，显示不出来？着急求解。
百度地图更新后该如何配置？
只不过代码配置视图不是太友好，可能出错的地方是&包名“，只要包含和百度地图里申请key的包名一样加上官方的BA:AD:09:3A:82:82:9F:B4:32:A7:B2:8C:B4:CC:F0:E9:F3:7D:AE:58就没问题，已经打包成功了，中间经历了两次失败
配置方法没有错，
百度地图更新了 请教新版配置方法 旧版的配置方法已经用不了了
为什么我按照这个方法打包，一直显示正在加载呢。。。
要回复文章请先或