|
|
本帖最后由 Mr.ZhouHeng 于 2019-8-19 09:31 编辑
bMap百度地图仿滴滴打车首页Demo（移动地图改变定位）
第一特别需要谨记的：
config.xml文件里面需要自己配置百度地图的key！！！
重要的事我说三遍！
认真看文档！
认真看文档！！
认真看文档！！！！
如果百度地图无法使用，需要注意看文档里面申请key需要注意事项的链接帖子！！ 百度地图接入指南 百度地图申请key注意事项
config.xml 添加！！添加之后记得上传到云端编译之后才有效
<feature name="bMap">
<param name="android_api_key" value="自己申请"/>
<param name="ios_api_key" value="自己申请"/>
</feature>
bMap.index
-
- var bMap;
- apiready = function() {
- bMap = api.require('bMap');
- if (api.systemType === 'ios') {
- // ios需要对模块初始化
- bMap.initMapSDK(function(ret) {
- if (ret.status) {
- fnOpenbMap();
- }
- });
- } else {
- fnOpenbMap();
- }
- }
- function fnOpenbMap() {
- bMap.open({
- rect: {
- x: 0,
- y: 0,
- w: api.frameWidth,
- h: api.frameHeight
- },
- center: {
- lon: 116.4021310000,
- lat: 39.9994480000
- },
- zoomLevel: 18,
- showUserLocation: true,
- // fixedOn: api.frameName,
- fixed: true
- }, function(ret) {
- if (ret.status) {
- // 打开头部
- fnOpenframeTop();
- // 打开点击定位中心的frm
- fnOpenframeBottom();
- // 自动定位到用户中心点
- fnBmapShowUserLocation();
- }
- });
- }
- function fnOpenframeTop() {
- api.openFrame({
- name: 'bmap_frmtop',
- url: './bmap_frmtop.html',
- rect: {
- x: 0,
- y: 0,
- h: 80 + api.safeArea.top,
- w: api.winWidth
- },
- bounces: false,
- bgColor: 'rgba(255,255,255,1)',
- vScrollBarEnabled: false,
- hScrollBarEnabled: false
- });
- }
- function fnOpenframeBottom() {
- api.openFrame({
- name: 'bmap_frmbottom',
- url: './bmap_frmbottom.html',
- rect: {
- x: 5,
- y: api.winHeight - 205,
- w: api.winWidth - 10,
- h: 200
- },
- bounces: false,
- bgColor: 'rgba(255,255,255,0)',
- vScrollBarEnabled: false,
- hScrollBarEnabled: false
- });
- }
- function fnBmapShowUserLocation() {
- // 显示用户位置 箭头图标
- bMap.showUserLocation({
- isShow: true,
- trackingMode: 'none'
- });
- }
bMap.initMapSDK
后面动态功能敬请期待！！
|
本帖子中包含更多资源，您需要 登录 才可以下载或查看，没有帐号？立即注册
X
|
显示全部楼层
QQ空间
新浪微博
微信扫一扫
都说了占楼