13518219792
公司项目中有地图展示和定位功能，使用uniapp本以为应该很是容易，应该有现成的空间，去插件市场一找，大部分的插件都是针对H5的，对于app端很少，要不就是需要花钱，这才自己动手实现。
为宿豫等地区用户提供了全套网页设计制作服务，及宿豫网站建设行业解决方案。主营业务为成都做网站、网站设计、宿豫网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！
公司过去的项目使用的是百度地图，所以uniapp也就只能使用百度地图了，但是一看官方文档：就是没有百度地图。
在网上搜了一堆，需要使用使用到自定义基座，才能使用，那就只能通过自定义基座看看效果。
1.首先去 百度地图开发者平台申请
这里主要是对安卓端进行操作（这里的包名和下边创建基座的包名一致）
2.申请后再Hbuilder中manifest.json 中配置
3.制作基座
切记：Android包名一定要和百度地图开发平台中的一致
一、定位
1.创建获取定位的类fun.js
2.主类main.js中引入
3.需要的类中使用
输出结果：
二、地图展示
一开始的时候，我总是试图寻找百度地图是不是对uniapp这个平台有单独的API，但是很可惜没有。在百度地图引入后，直接调用uniapp给的map组件，可以展示出地图，但是很多的属性不支持，也找不到相关的处理文档。没办法，上网查找，大部分的处理方案是通过动态引入百度地图JavaScript API GL框架，进行展示。
这个地方，我们需要在百度地图开发者平台申请web前端的开发的key
1.百度地图开发者控制平台，创建web端应用
2.创建动态引入百度地图的script类map.js
3.使用（这里使用到了renderjs），切记如果需要开文档，查看JavaScript API GL相关文档
4.运行效果
这样地图的定位和地图展示基本就完成了，如果需要更加复杂的功能只能去查看百度的官方文档
1.首先把离线地图放在android工程下的assets里面。
注意：建议离线地图下载通过百度地图APIDEMO去下载，因为到官网上下载的离线地图文件格式不一样，APIDEMO的格式是.dat,而官网上的格式是.dat_svc有可能加载不了地图.
2.把离线地图从assets下拷贝到sd卡下
public static void copy(Context context) {
try {
String filepath = Environment.getExternalStorageDirectory() + "/"
+ "BaiduMapSDK" + "/" + "vmp" + "/" + "h" + "/"
+ "xxxxx.dat";
String path = Environment.getExternalStorageDirectory() + "/"
+ "BaiduMapSDK" + "/" + "vmp" + "/" + "h" + "/";
File file = new File(path);
一、基本概念：
（一）、百度地图：
百度地图 Android SDK是一套基于Android 2.1及以上版本设备的应用程序接口。 您可以使用该套 SDK开发适用于Android系统移动设备的地图应用，通过调用地图SDK接口，您可以轻松访问百度地图服务和数据， 构建功能丰富、交互性强的地图类应用程序。
百度地图Android SDK提供的所有服务是免费的，接口使用无次数限制。您需申请密钥（key)后， 才可使用百度地图Android SDK。
（二）、LBS：（Location based Service）基于位置的服务
基于位置的服务，它是通过电信移动运营商的无线电通讯网络（如GSM网、CDMA网）或外部定位方式(如GPS)获取移动终端用户的位置信息（地理坐标，或大地坐标），在地理信息系统（外语缩写：GIS、外语全称：Geographic Information System）平台的支持下，为用户提供相应服务的一种增值业务。
二、百度地图使用步骤：【参照（）】
（一）、HelloBaiduMap：
1、第一步：申请百度地图密钥（API_KEY）：
2、第二步：在工程里新建libs文件夹，将开发包里的baidumapapi_vX_X_X.jar拷贝到libs根目录下，将libBaiduMapSDK_vX_X_X.so拷贝到libs\armeabi目录下（官网demo里已有这两个文件，如果要集成到自己的工程里，就需要自己添加），拷贝完成后的工程目录如下图所示；
注：liblocSDK3.so和locSDK_3.1.jar为百度定位SDK所使用资源，开发者可根据实际需求自行添加。
3、第三步：在AndroidManifest中添加开发密钥、所需权限等信息；
application
meta-data
android:name="com.baidu.lbsapi.API_KEY"
android:value="P3G69b5s87YG5M31f8A7oyLW"/
/application
uses-permissionandroid:name="android.permission.GET_ACCOUNTS"/
uses-permissionandroid:name="android.permission.USE_CREDENTIALS"/
uses-permissionandroid:name="android.permission.MANAGE_ACCOUNTS"/
uses-permissionandroid:name="android.permission.AUTHENTICATE_ACCOUNTS"/
uses-permissionandroid:name="android.permission.ACCESS_NETWORK_STATE"/
uses-permissionandroid:name="android.permission.INTERNET"/
uses-permissionandroid:name="com.android.launcher.permission.READ_SETTINGS"/
uses-permissionandroid:name="android.permission.CHANGE_WIFI_STATE"/
uses-permissionandroid:name="android.permission.ACCESS_WIFI_STATE"/
uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/
uses-permissionandroid:name="android.permission.WRITE_EXTERNAL_STORAGE"/
uses-permissionandroid:name="android.permission.BROADCAST_STICKY"/
uses-permissionandroid:name="android.permission.WRITE_SETTINGS"/
uses-permissionandroid:name="android.permission.READ_PHONE_STATE"/
4、第四步：在布局文件中添加地图控件：
com.baidu.mapapi.map.MapView
android:id="@+id/mapView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clickable="true"/
5、第五步：在应用程序创建时初始化 SDK引用的Context 全局变量：
protectedvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 在使用SDK各组件之前初始化context信息，传入ApplicationContext
// 注意该方法要再setContentView方法之前实现
SDKInitializer.initialize(getApplicationContext());
// 装载布局文件
setContentView(R.layout.activity_main);
}
6、第六步：创建地图Activity，管理地图生命周期：
publicclass MainActivity extends Activity {
private MapView mapView;
@Override
protectedvoid onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 在使用SDK各组件之前初始化context信息，传入ApplicationContext
// 注意该方法要再setContentView方法之前实现
SDKInitializer.initialize(getApplicationContext());
// 装载布局文件
setContentView(R.layout.activity_main);
mapView = (MapView) findViewById(R.id.mapView);
}
@Override
protectedvoid onResume() {
super.onResume();
mapView.onResume();
}
@Override
protectedvoid onPause() {
super.onPause();
mapView.onPause();
}
@Override
protectedvoid onDestroy() {
super.onDestroy();
mapView.onDestroy();
}
}
（二）、基础地图：
1、实现基础地图的操作步骤：
布局文件中使用MapView；
初始化SDK，并检查Key的合法性；
SDKInitializer.initialize(getApplicationContext());
checkKEY();
初始化BaiduMap对象；
对MapView进行findViewById（）；
MapView对象调用getMap()，返回BaiduMap；
设置BaiduMap；
setMapType();
setTrafficEnabled();
（三）、POI搜索：
1、实现POI搜索的操作步骤：
布局文件中使用fragment，用来实现对BaiduMap的加载；
class="com.baidu.mapapi.map.SupportMapFragment"
当前Activity继承于FragementActivity；
初始化SDK，并检查Key的合法性；
SDKInitializer.initialize(getApplicationContext());
checkKEY();
备注：该两句话必须放在setContentView()之前。
初始化BaiduMap对象；
baiduMap = ((SupportMapFragment) getSupportFragmentManager() .findFragmentById(R.id.fragment_poi_map)).getBaiduMap();
初始化PoiSearch对象；
PoiSearch.newInstance();
给PoiSearch对象设置监听器；
setOnGetPoiSearchResultListener()，重写onGetPoiResult()方法；
自定义PoiOverlay类，实现对每个标记的单击监听；
通过onPoiClick()方法，获取每个PoiInfo中的信息。如果这个对象中包含有明细，可以打开一个新页面来展示兴趣点的详细介绍。
在AndroidManifest.xml文件中配置PlaceCaterActivity页面；
该页面是Baidu提供的POI的明细介绍页面。
PoiSearch对象调用searchInBound()、searchInCity() 、 searchNearby()方法实现兴趣点查询。
【总结：】核心步骤：
实例化BaiduMap，PoiSearch对象；
PoiSearch对象设置OnGetPoiSearchResultListener()监听；
PoiSearch对象调用searchInCity()方法触发监听。
（四）、线路规划：
1、实现路线规划的操作步骤：
布局文件中使用MapView，用来实现对BaiduMap的加载；
初始化SDK，并检查Key的合法性；
SDKInitializer.initialize(getApplicationContext());
checkKEY();
初始化MapView；
调用findViewById()
初始化BaiduMap对象；
baiduMap = MapView对象.getMap();
初始化RoutePlanSearch对象；
RoutePlanSearch.newInstance();
给RoutePlanSearch对象设置监听器；
setOnGetRoutePlanResultListener()，重写onGetWalkingRouteResult()、onGetTransitRouteResult()、onGetDrivingRouteResult()方法；
自定义三种RouteOverlay类（WalkingRouteOverlay、TransitRouteOverlay、DrivingRouteOvelray）；
调用RoutePlanSearch对象的三种方法（drivingSearch()、transitSearch()、walkingSearch()）实现路线规划。
【总结：】核心步骤：
实例化BaiduMap，RoutePlanSearch对象；
RoutePlanSearch对象设置OnGetRoutePlanResultListener监听；
RoutePlanSearch对象调用drivingSearch()、transitSearch()、walkingSearch()方法触发监听。
（五）、公交查询：
1、实现公交查询的操作步骤：
布局文件中使用fragment，用来实现对BaiduMap的加载；
class="com.baidu.mapapi.map.SupportMapFragment"
初始化SDK，并检查Key的合法性；
SDKInitializer.initialize(getApplicationContext());
checkKEY();
当前Activity继承于FragementActivity；
初始化BaiduMap对象；
baiduMap = ((SupportMapFragment) getSupportFragmentManager() .findFragmentById(R.id.fragment_poi_map)).getBaiduMap();
初始化PoiSearch对象/初始化BusLineSearch对象；
PoiSearch.newInstance();
BusLineSearch.newInstance();
给BusLineSearch对象设置监听器；
setOnGetBusLineSearchResultListener()，重写onGetBusLineResult()方法；
给PoiSearch对象设置监听器；
setOnGetPoiSearchResultListener()，重写onGetPoiResult()方法；
在这个监听器中调用BusLineSearch对象的searchBusLine()方法；
给按钮增加单击监听事件，实现PoiSearch对象的searchInBound()、searchInCity() 、 searchNearby()方法实现兴趣点查询。
【总结：】核心步骤：
实例化BaiduMap、PoiSearch对象及BusLineSearch对象；
PoiSearch对象设置OnGetPoiSearchResultListener()监听；BusLineSearch对象设置OnGetBusLineSearchResultListener监听；
在PoiSearch对象的监听回调方法onGetPoiResult()中调用busLineSearch对象的searchBusLine()方法；
PoiSearch对象调用searchInCity()方法触发整个监听。
【备注：】
整体思路：先调用POI查询，在POI查询中的监听器中执行BusLine查询。
百度手机地图Android版离线地图安装使用教程：第一步：将下载好的离线地图包解压缩。第二步：找到解压出的"BaiduMap"文件夹，把它放入手机存储卡根目录。注：在上述过程中如遇提示“是否移动或复制文件夹”，点击“是”即可。第三步：断开与电脑连接，打开百度手机地图(如已打开请重启)，系统会提示安装成功。OK啦，想去哪里就用百度手机地图搜吧！ 猜你还喜欢： 百度地图怎么用：轻松解决出行路线问题 百度地图离线地图包iPhone版导入手机安装教程
1、调用百度地图API首先要申请一个秘钥，进入用百度账号登陆，进入页面申请秘钥（具体所填信息以网站为准）
2、申请成功后，自己会看到申请到的详情，包括应用名称秘钥等
随着key版本的不同，官方在key方面给出不同的用法：（
. 为了给用户提供更安全的服务，Android
SDK自v2.1.3版本开始采用了全新的Key验证体系。因此，当您选择使用v2.1.3及之后版本的SDK时，需要到新的Key申请页面进行全新Key的申请；（新旧key不可通用）
.
新Key机制，每个Key仅且唯一对于1个应用验证有效，即对该Key配置环节中使用的包名匹配的应用有效。因此，多个应用【包括多个包名】需申请多个Key，或者对1个Key进行多次配置；
.在新key机制下，若你需要在同一个工程中同时使用百度地图、定位、导航SDK可以共用同一个key；
. 如果您在Android SDK开发过程中使用了LBS云服务则需要为该服务单独申请一个for server类型的密钥；
）
3、申请到秘钥以后就可以把地图加到项目里面。
首先在工程里新建libs文件夹，将开发包里的baidumapapi_vX_X_X.jar拷贝到libs根目录下，将libBaiduMapSDK_vX_X_X.so拷贝到libs\armeabi目录下（官网demo里已有这两个文件，如果要集成到自己的工程里，就需要自己添加），拷贝完成后的工程目录如下图所示；
第二步：在工程属性-Java Build Path-Libraries中选择“Add External
JARs”，选定baidumapapi_vX_X_X.jar，确定后返回。
通过以上两步操作后，就可以正常使用百度地图SDK为您提供的全部功能了。
4、要想使用百度地图还需要进行一系列的 配置工作：
（1）在application中添加开发密钥
application
meta-data
android:name="com.baidu.lbsapi.API_KEY"
android:value="开发者 key" /
/application
2）添加所需权限
uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/
uses-permission android:name="android.permission.INTERNET"/
uses-permission android:name="com.android.launcher.permission.READ_SETTINGS" /
uses-permission android:name="android.permission.WAKE_LOCK"/
uses-permission android:name="android.permission.CHANGE_WIFI_STATE" /
uses-permission android:name="android.permission.ACCESS_WIFI_STATE" /
uses-permission android:name="android.permission.GET_TASKS" /
uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/
uses-permission android:name="android.permission.WRITE_SETTINGS" /
第三步，在布局xml文件中添加地图控件；
com.baidu.mapapi.map.MapView
android:id="@+id/bmapView"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:clickable="true" /
第四步，在应用程序创建时初始化 SDK引用的Context 全局变量：
public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//在使用SDK各组件之前初始化context信息，传入ApplicationContext
//注意该方法要再setContentView方法之前实现
SDKInitializer.initialize(getApplicationContext());
setContentView(R.layout.activity_main);
}
}
（注意：在SDK各功能组件使用之前都需要调用
SDKInitializer.initialize(getApplicationContext());，因此百度官方建议该方法放在Application的初始化方法中）
第五步，创建地图Activity，管理地图生命周期；
public class MainActivity extends Activity {
MapView mMapView = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//在使用SDK各组件之前初始化context信息，传入ApplicationContext
//注意该方法要再setContentView方法之前实现
SDKInitializer.initialize(getApplicationContext());
setContentView(R.layout.activity_main);
//获取地图控件引用
mMapView = (MapView) findViewById(R.id.bmapView);
}
@Override
protected void onDestroy() {
super.onDestroy();
//在activity执行onDestroy时执行mMapView.onDestroy()，实现地图生命周期管理
mMapView.onDestroy();
}
@Override
protected void onResume() {
super.onResume();
//在activity执行onResume时执行mMapView. onResume ()，实现地图生命周期管理
mMapView.onResume();
}
@Override
protected void onPause() {
super.onPause();
//在activity执行onPause时执行mMapView. onPause ()，实现地图生命周期管理
mMapView.onPause();
}
}
完成以上步骤后，运行程序，即可在应用中显示地图：
在Android应用中使用百度地图api方法如下：
下载百度地图移动版API(Android)开发包，要在Android应用中使用百度地图API，就需要在工程中引用百度地图API开发包，这个开发包包含两个文件：baidumapapi.jar和libBMapApiEngine.so。
申请API Key，和使用Google map api一样，在使用百度地图API之前也需要获取相应的API Key。百度地图API Key与你的百度账户相关联，因此您必须先有百度帐户，才能获得API Key；并且，该Key与您引用API的程序名称有关。
百度API Key的申请要比Google的简单多了，其实只要你有百度帐号，应该不超过30秒就能完成API Key的申请。
创建一个Android工程，这里需要强调一点：百度地图移动版api支持Android 1.5及以上系统，因此我们创建的工程应基于Android SDK 1.5及以上。
工程创建完成后，将baidumapapi.jar和libBMapApiEngine.so分别拷贝到工程的根目录及libs/armeabi目录下，并在工程属性-Java Build Path-Libraries中选择“Add JARs”，选定baidumapapi.jar，这样就可以在应用中使用百度地图API了
