仿去哪网酒店的地图：POI、定位、国际地图、导航、marker及其自定义infowindow

Android 博客之路第二弹：关于最近研究地图的总结。

前言：最近App开发酒店信息需要用到地图模块，所以就目前需要的功能研究了一下。虽然以前也有用到，但以前仅限于marker及infowindow，而且还是copy别人的，也不甚了解，这次功能要求的算是稍微多了点，但也不是很全，地图还有大量的东西值得去研究，但如果仅限于app开发使用某些功能的话，还是用到啥就研究啥就好，毕竟也不是专业研究地图的，地图功能只是辅助工具而已，是锦上添花的，而不是雪中之炭。

借鉴别人写博客的套路，也是尊重自己的知识来源，说一下研究过程参考的几个博客：

（1）高德地图国内外切换官网demo:点击打开链接

（2）基于Android平台的全球地图方案：点击打开链接

（3）根据经纬度获取地理位置信息(google的)：点击打开链接

（4）自定义infowindow：点击打开链接

（5）给高德地图添加google瓦片：点击打开链接

（6）仿微信调用三方map应用导航：点击打开链接

总体而言的，主要是模仿去哪儿网的酒店地图功能，自己整理的一些关于map的知识。这里还要说明一下，我采用的是高德地图，而不是百度地图。不是对百度地图有偏见，而是以前用的百度，个人感觉有点驾驭不了api文档，而且踩坑略微有点多，其精准度有些差别(我定位没有定位到自己的楼里，而是定位到了几十米外的街道上)，所以采用了高德地图。如果比较喜欢使用百度地图的小伙伴可以去寻找下资料，也可以评论回复，大家一起参考。当然，有写的不好的地方也请批评指正，不胜感激。

下面进入正题(ps:本来要上动态的效果图，奈何情浅缘深，yy许久也不会搞，就贴一些静态图片吧)

1.国际地图

这里采用的策略是高德地图添加google瓦片，这种添加瓦片的方式比较简单。翠花，上代码---->

UrlTileProvider tileProvider = new UrlTileProvider(256, 256) {            @Override            public URL getTileUrl(int x, int y, int zoom) {                try {                    Random random = new Random();                    String s = String.format("http://mt"+random.nextInt(3)+".google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=%d&y=%d&z=%d&s=Galil",x,y,zoom);                    return new URL(s);                } catch (MalformedURLException e) {                    e.printStackTrace();                }                return null;            }        };        if (mAmapView != null){            mtileOverlay = mAmapView.getMap().addTileOverlay(new                    TileOverlayOptions()                    .tileProvider(tileProvider)                    .diskCacheEnabled(true)                    .diskCacheDir("/storage/emulated/0/demo/cache")                    .diskCacheSize(100000)                    .memoryCacheEnabled(true)                    .memCacheSize(100000));            mtileOverlay.setVisible(false);        }

解释下这个东西：瓦片地址：

http://mt+random.nextInt(3)+".google.cn/vt/lyrs=m@142&hl=zh-CN&gl=cn&x=%d&y=%d&z=%d&s=Galil"

这个东西具体细节可以查看(5)我就不细说了，这东西copy过去就能加上覆盖的图层

于是我就满心欢喜的加了上去，完了就发现地图一直有这个覆盖的图层。但是我在国内的城市

显示的时候就不想用这个图层了，最起码不能让他显示，因为我觉得他丑，丑人多作怪。

想了几种办法吧----->开始的思路是想通过地图本身的方法去删除、增加这一层overlay.然后一顿查，

amapView.getMap()里边只有addoverlay方法，没有删除，试过了一些比如清除缓存之类的都不行。

怎么办，于是想到了最基本的显隐方法，setVisible,尝试了一下，果然可以，有种恍然大明白的赶脚。

这会就可以肆意的用显隐了，于是就判断当前手机地图显示的中心点是否在国内，在就去掉图层，

反之显示就好了。

2.判断map中心点在国内还是国外

说道这个问题，我觉得大家可能和我想的一样，高德、百度这样的地图执牛耳者肯定提供了api，对，你这么想就是对的。我去查了demo，见(1).里边有难点提示，ios的有如何判断国内外的显示，我心想，android是不是很简单，于是就查了查demo的代码，结果是这样的。

 /**     * 粗略判断当前屏幕显示的地图中心点是否在国内     * @param latitude 纬度     * @param longtitude 经度     * @return 屏幕中心点是否在国内     */    private boolean isInArea(double latitude, double longtitude) {        if ((latitude > 3.837031) && (latitude < 53.563624)                && (longtitude < 135.095670) && (longtitude > 73.502355)) {            return true;        }        return false;    }

看见 "粗略判断" 四个大字了么，对就是他。这样的判断就是比如蒙古啊，还有很多东南亚的国家，越南之类的都涵盖在了大中国范围内，我也想这样，但这毕竟还没实现。还是实际一点。只能说高德android api程序员的心情我可以理解。这样确实可以粗略判断，而且效率也蛮高，毕竟就是判断几个经纬度的事情。但若要精确到东南亚的酒店，这样就不行了，就得有个稍微准确一点的。

    //根据谷歌地图获取某经纬度的信息    public static void getGeocodeOfTheWorld(LatLng latLng, final MyCallBack myCallBack){        RequestParams params = new RequestParams();        String url = "http://www.google.cn/maps/api/geocode/json?latlng=" + latLng.latitude + "," + latLng.longitude +                "&sensor=true,language=zh%20CN";        HttpUtils httpUtils = new HttpUtils();        httpUtils.send(HttpRequest.HttpMethod.POST, url, params,                new RequestCallBack<String>() {                    @Override                    public void onSuccess(ResponseInfo<String> responseInfo) {                        processData(responseInfo.result);                    }                    private void processData(String result) {                        Type listType = new TypeToken<GeocodeBean>() {}.getType();                        Gson gson = new Gson();                        final GeocodeBean resultBean = gson.fromJson(result, listType);                        if (null != resultBean){                            List<GeocodeBean.ResultsBean> results = resultBean.getResults();                            if (results != null && results.size() > 0){                                String country = results.get(0).getFormatted_address();                                myCallBack.success(country,"geocode");                            }                        }                    }                    @Override                    public void onFailure(HttpException error, String msg) {                        myCallBack.success(msg,"geocode");                    }                });    }这是个简单的网络请求，传入经纬度，调用的是google的cn网站的返回信息，具体的可以详见 (3)返回数据类型就不赘述了，自己去请求下，判断其返回的地址信息是否包含中国，我就是这样判断的，这样给来个回调就好了。问题来了，每次用手强行拖拽地图的时候会执行下面的方法，这样就在反复滑动中，执行网络请求。虽然他很快，但也是请求网络呀，一方面回刷不及时，一方面请求网络过于频繁，另一方面，很可能内存泄露的大兄弟。    /**     * 高德地图移动完成回调     * @param cameraPosition 地图移动结束的中心点位置信息     */    @Override    public void onCameraChangeFinish(com.amap.api.maps.model.CameraPosition cameraPosition) {        longitude = cameraPosition.target.longitude;        latitude = cameraPosition.target.latitude;        if (isHotelInChina){            if (isInArea(latitude,longitude)){                changeToAMap();            }else {                changeToGoogleMap();            }        }    }

   于是，我就迂回了下，提前根据传进来的目的地的经纬度，判断好了境内外。境内的话，就粗略判断，但人家在滑动的时候像美国这样的不在大中华经纬度范围内的，可以显示图层，而不是空白；境外的话就是一直显示图层，不用顾忌国内的去掉图层了。这样基本的产品需求也就满足了。

3.POI信息
    看到去哪儿网app的这些信息的时候，有点懵逼，下意识以为是他们自己的数据，自己可能做不了。后来看高德(当然百度谷歌也都有)的POI数据就找到了曙光

   //初始化POI数据    public void initPoiData(String keyWord,String cityCode,LatLng latLng){        PoiSearch.Query query = new PoiSearch.Query(keyWord, "", cityCode);        query.setPageSize(10);//请求了10个        query.setPageNum(0);        PoiSearch poiSearch = new PoiSearch(this, query);        poiSearch.setBound(new PoiSearch.SearchBound(new LatLonPoint(latLng.latitude,latLng.longitude), 100000));//设置周边搜索的中心点以及半径        poiSearch.setOnPoiSearchListener(this);        poiSearch.searchPOIAsyn();    }就是这个了，他还有个回调，可以在里边处理一下请求回来的数据.    @Override    public void onPoiSearched(PoiResult poiResult, int i) {        if (i == 1000){//1000为返回成功            //解析result获取POI信息            if (null != poiResult){                ArrayList<PoiItem> poiItems = poiResult.getPois();                for (PoiItem poiItem : poiItems){                    LatLng latLng = new LatLng(poiItem.getLatLonPoint().getLatitude(),poiItem.getLatLonPoint().getLongitude());                    Marker marker = handleMarkers(poiItem.getTitle(), latLng, poiItem.getSnippet());                    saveMarkers(marker);                    Log.e("result",poiItem.getSnippet() +"--"+poiItem.getLatLonPoint().toString()+"--"+poiItem.getTitle()+"--");                }            }        }    }

     我这里就是把请求回来的数据存起来了，因为marker要显示，判断下是否有这个数据，有就去显示，没有就去重新请求，毕竟有些人可能来回点。显示了marker就得移动当前的地图中心点。

//移动当前地图确定中心点    public void moveCameraMap(LatLng latLng,float zoom){        if (null != mAmapView){            CameraUpdate update = CameraUpdateFactory.newLatLngZoom(latLng,zoom);            mAmapView.getMap().animateCamera(update);        }    }

这个很平常，可看到了去哪儿的变化zoom装x后毅然决然加了上去，感觉还不错。

ps:这个poi国外的数据我没有能搞到手，有第三方数据的，有google提供的大家可以自行去查找。

4.自定义infowindow就不多说了，大家可以参考(4)，但是有几点需要注意：a.若想在自定义的adapter中获取marker的数据，需要自己在前边处理marker时存到marker的相应信息中 b.我是把adapter这种的点击事件通过回调搞到activity中了，因为要显示导航提示，跳转第三方导航。

5.跳转第三方导航

废话不多说，上代码：

import android.content.Context;import android.content.Intent;import android.content.pm.PackageInfo;import android.content.pm.PackageManager;import android.graphics.drawable.BitmapDrawable;import android.net.Uri;import android.util.Log;import android.view.LayoutInflater;import android.view.View;import android.view.WindowManager;import android.view.animation.AnimationUtils;import android.widget.Button;import android.widget.LinearLayout;import android.widget.PopupWindow;import android.widget.Toast;import com.amap.api.maps.model.LatLng;import com.lh.im.IMHelper;import com.lh.im.IMModel;import com.lh.kplx.R;import com.lh.util.PixAndDpTools;import java.net.URISyntaxException;import java.util.ArrayList;import java.util.List;/** * Created by mling on 2017/10/25. * des: */public class OpenMapHelper {    private static OpenMapHelper instance = null;    private PopupWindow typePopWindow;    private OpenMapHelper() {    }    public synchronized static OpenMapHelper getInstance() {        if (instance == null) {            instance = new OpenMapHelper();        }        return instance;    }    public void initView(final Context context, final LatLng latlng,final View view){        View mapIntentView = LayoutInflater.from(context).inflate(R.layout.map_navagation_intent, null);        typePopWindow = new PopupWindow(mapIntentView, WindowManager.LayoutParams.MATCH_PARENT, WindowManager.LayoutParams.MATCH_PARENT);        typePopWindow.setFocusable(true);        typePopWindow.setOutsideTouchable(false);        typePopWindow.update();        typePopWindow.setAnimationStyle(R.style.showPopupAnimation);        typePopWindow.setBackgroundDrawable(new BitmapDrawable());        typePopWindow.showAsDropDown(view);        Button bt_baidu = (Button) mapIntentView.findViewById(R.id.map_baidu_btn);        Button bt_amap = (Button) mapIntentView.findViewById(R.id.map_amap_btn);        Button bt_google = (Button) mapIntentView.findViewById(R.id.map_google_btn);        LinearLayout ll_map_root = (LinearLayout) mapIntentView.findViewById(R.id.map_amap_root_ll);        LinearLayout ll_bottom_map = (LinearLayout) mapIntentView.findViewById(R.id.map_bottom);        ll_bottom_map.setAnimation(AnimationUtils.loadAnimation(context,R.anim.activity_open));        ll_map_root.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View view) {                typePopWindow.dismiss();            }        });        bt_baidu.setOnClickListener(new View.OnClickListener() {//百度            @Override            public void onClick(View view) {                intentToBaidu(context,latlng);                typePopWindow.dismiss();            }        });        bt_amap.setOnClickListener(new View.OnClickListener() {//高德            @Override            public void onClick(View view) {                intentToAmap(context,latlng);                typePopWindow.dismiss();            }        });        bt_google.setOnClickListener(new View.OnClickListener() {//google            @Override            public void onClick(View view) {                intentToGoogle(context,latlng);                typePopWindow.dismiss();            }        });    }    //跳转谷歌    public static void intentToGoogle(Context context, LatLng latlng) {        if (isAvilible(context, "com.google.android.apps.maps")) {            StringBuffer stringBuffer = new StringBuffer("google.navigation:q=").append(latlng.latitude).append(",").append(latlng.longitude).append("&mode=d");            Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(stringBuffer.toString()));            intent.setPackage("com.google.android.apps.maps");            context.startActivity(intent);        } else {            Toast.makeText(context, "您尚未安装谷歌地图", Toast.LENGTH_LONG).show();            Uri uri = Uri.parse("market://details?id=com.google.android.apps.maps");            Intent intent = new Intent(Intent.ACTION_VIEW, uri);            if (intent.resolveActivity(context.getPackageManager()) != null){                context.startActivity(intent);            }        }    }    //跳转高德    private void intentToAmap(Context context, LatLng latlng) {        if (isAvilible(context, "com.autonavi.minimap")) {            Intent intent = new Intent();            intent.setAction(Intent.ACTION_VIEW);            intent.addCategory(Intent.CATEGORY_DEFAULT);            //将功能Scheme以URI的方式传入data            Uri uri = Uri.parse("androidamap://navi?sourceApplication=appname&poiname=fangheng&lat=" + latlng.latitude + "&lon=" + latlng.longitude + "&dev=1&style=2");            intent.setData(uri);            //启动该页面即可            context.startActivity(intent);        } else {            Toast.makeText(context, "您尚未安装高德地图", Toast.LENGTH_LONG).show();            Uri uri = Uri.parse("market://details?id=com.autonavi.minimap");            Intent intent = new Intent(Intent.ACTION_VIEW, uri);            if (intent.resolveActivity(context.getPackageManager()) != null){                context.startActivity(intent);            }        }    }    //跳转百度    public static  void intentToBaidu(Context context, LatLng latlng) {        if (isAvilible(context, "com.baidu.BaiduMap")) {//传入指定应用包名            try {                Intent intent = Intent.getIntent("intent://map/direction?" +                        "destination=latlng:" + latlng.latitude + "," + latlng.longitude + "|name:我的目的地" +        //终点                        "&mode=driving&" +          //导航路线方式                        "&src=appname#Intent;scheme=bdapp;package=com.baidu.BaiduMap;end");                context.startActivity(intent); //启动调用            } catch (URISyntaxException e) {                Log.e("intent", e.getMessage());            }        } else {//未安装            //market为路径，id为包名            //显示手机上所有的market商店            Toast.makeText(context, "您尚未安装百度地图", Toast.LENGTH_LONG).show();            Uri uri = Uri.parse("market://details?id=com.baidu.BaiduMap");            Intent intent = new Intent(Intent.ACTION_VIEW, uri);            if (intent.resolveActivity(context.getPackageManager()) != null){                context.startActivity(intent);            }        }    }    ;    /**     * 检查手机上是否安装了指定的软件     *     * @param context     * @param packageName：应用包名     * @return     */    public static boolean isAvilible(Context context, String packageName) {        //获取packagemanager        final PackageManager packageManager = context.getPackageManager();        //获取所有已安装程序的包信息        List<PackageInfo> packageInfos = packageManager.getInstalledPackages(0);        //用于存储所有已安装程序的包名        List<String> packageNames = new ArrayList<String>();        //从pinfo中将包名字逐一取出，压入pName list中        if (packageInfos != null) {            for (int i = 0; i < packageInfos.size(); i++) {                String packName = packageInfos.get(i).packageName;                packageNames.add(packName);            }        }        //判断packageNames中是否有目标程序的包名，有TRUE，没有FALSE        return packageNames.contains(packageName);    }}

这里我是把自己的弹出类似微信的页面也加了。直接调用或更改就可以。

还有一种跳转：

/**     * 打开google Web地图导航     */    private void openWebGoogleNavi() {        StringBuffer stringBuffer = new StringBuffer("http://ditu.google.cn/maps?hl=zh&mrt=loc&q=").append(lat).append(",").append(lng);        Intent i = new Intent(Intent.ACTION_VIEW, Uri.parse(stringBuffer.toString()));        startActivity(i);    }

到这里就结束了，有兴趣的小伙伴可以给出建议哦，大家一起讨论。在android不归路上越走越远！！！

一些代码：点击打开链接