地图页面开发流程.pdfVIP

地图页面开发流程：（该文档建议用web模式查看）

1.准备高德地图插件，申请成为高德地图开发者

/

点击获取key

填入应用名称（不用跟项目名称保持一致），选择Android平

台SDK，安全码为：

49:3E:52:87:09:E1:B4:D2:B8:FF:12:6E:2C:C8:40:6D:3B:5E:4D:BB

Package为自定义包名（遵循DNS反转规则即可，

com.xxx.xxx）

项目最终打包时需要填入这个自定义包名，必须保持一致。

即可获取到key值，如下图中选中区域：

将key值填入到uexGaodeMap插件目录下的

AndroidManifest.xml文件中的

android:value=$uexGaodeMap_APIKey$（黄色区域）

如下图（选中区域）：

最后保存并上传自定义插件即可。

2.需求分析：

1）用户可以有哪些信誉好的足球投注网站，在地图上添加标注并以有哪些信誉好的足球投注网站点为地图中心

2）可以显示用户当前位置并在地图上添加标注并以该点为地图

中心

3）可以切换实时路况

4）可以切换地图实景

3.开发过程

新建一个页面（test.html），选择头部栏带输入框的，如下

图：

删除test_content.html页面，修改test.html中的头部栏，

自定义按钮样式

.my-btn{

min-height:2em;

min-width:3em;

display:-webkit-box!important;

display:box!important;

position:relative;

-webkit-box-align:center;

box-align:center;

-webkit-box-pack:center;

box-pack:center;

}

divid=headerclass=uhbc-text-headubbc-head

divclass=my-btnid=back

divclass=fafa-angle-leftfa-2x/div

/div

divclass=uinnub-f1

divclass=sc-bg-activeuinputubub-f1bc-

borderubauc-a1

divclass=uinnfafa-searchsc-text/div

inputid=inputtype=text

class=ub-f1value=

/div

/div

divclass=my-btnid=search

divclass=fafa-searchfa-yb/div

/div

/div

添加底部栏：

divid=footerclass=uhbc-text-headubbc-head

uinn

divclass=my-btnub-f1id=btn1

divclass=fafa-globefa-2x/div

/div

divclass=my-btnub-f1id=btn2

divclass=fafa-map-markerfa-2x/div

/div

divclass=my-btnub-f1id=btn3

divclass=fafa-location-