Android 集成谷歌地图 |
您所在的位置：网站首页 › 安卓手机怎样使用谷歌地图 › Android 集成谷歌地图 |
Android 集成谷歌地图
|
1、Android集成谷歌地图
项目需求，地图展示，设备点聚合，设备站点，设备过滤等功能。我只针对我涉及到的技术做一下总结，希望能帮到开始接触谷歌地图的伙伴们。 1、集成步骤：①在项目的modle的build.gradle中添加依赖如下： implementation 'com.google.android.gms:play-services-maps:12.0.1' // 地图操作工具类，添加标记等 compile 'com.google.maps.android:android-maps-utils:0.5+' 2、集成完了后，需要展示地图，这里由于谷歌地图是已经被屏蔽，需要翻墙操作才能展示，项目操作步骤如下：①首先我们要注册一个谷歌账号 ②使用谷歌账号登录谷歌地图开发者平台（登录网站：https://cloud.google.com/maps-platform/?hl=zh-CN），点击控制台，如图
点击控制进入控制台进行如下操作，生成谷歌地图的appkey：
点击API秘钥，生成秘钥，在生成的秘钥界面上我们点击秘钥限制，设置成android ，点击确定就生成了我们所需的appkey。 3、项目需求 1、地图展示1.地图展示：分为两加载地图，一种是在activity中动态或者是静态加载我们的谷歌地图的fragment，进行显示。首先说一下在activity中静态加载地图的fragment。核心代码如下： ①布局： ②代码中： SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager() .findFragmentById(R.id.map); mapFragment.getMapAsync(this);这样一张谷歌地图就展示出来，显示的原因是通过mapFragment.getMapAsync()方法映射注册回调地图监听（因为谷歌地图被屏蔽了，所以需要翻墙才能看到地图，如果没有翻墙，是空白一片，并且android手机里面必须安装谷歌三件套，否则也不能显示）。 ③显示谷歌地图的activity要实现onMapReadyCallBack接口，重写onMapReady（GoogleMap googleMap）方法，在这个方法中我们进行逻辑操作，比如是添加mark点，mark点聚合等。 2、在fragment显示谷歌地图（与activity比较有一些不同点） ①布局中的代码： ②在代码中code如下： mMap = (MapView) mView.findViewById(R.id.mapview); mMap.onCreate(savedInstanceState); mMap.onResume(); try { MapsInitializer.initialize(getActivity()); } catch (Exception e) { e.printStackTrace(); } int errorCode = GooglePlayServicesUtil .isGooglePlayServicesAvailable(this.getActivity()); if (ConnectionResult.SUCCESS != errorCode) { GooglePlayServicesUtil.getErrorDialog(errorCode, this.getActivity(), 0).show(); } else { mMap.getMapAsync(this); }③其他的步骤和activity相同。需要fragment 实现onMapReadyCallBack接口，重写onMapReady（GoogleMap googleMap）方法，在此方法中进行逻辑操作。 2、在地图上添加mark点在onMapReady（GoogleMap googleMap）方法中，调用返回的googleMap实例添加mark点。核心代码是 googleMap.addMarker(new MarkerOptions().position(new LatLng(0, 0)).title("Marker").icon(descriptor));注释：position：就是mark点的经纬度，title：mark的标题，icon ：是mark的背景图片。 下面代码是实现自定义 mark背景图片及颜色设置，文字设置的相应方法，抽离于源码，想详细了解可以查看源码： /** * 设置站点包含设备数量 * * @param context * @return */ private SquareTextView makeSquareTextView(Context context) { SquareTextView squareTextView = new SquareTextView(context); ViewGroup.LayoutParams layoutParams = new ViewGroup.LayoutParams(-2, -2); squareTextView.setLayoutParams(layoutParams); squareTextView.setId(amu_text); int twelveDpi = (int) (12.0F * this.mDensity); squareTextView.setPadding(twelveDpi, twelveDpi, twelveDpi, twelveDpi); return squareTextView; } /** * 设置站点图片背景色 * * @return */ private LayerDrawable makeClusterBackground() { this.mShapeDrawable = new ShapeDrawable(new RectShape()); ShapeDrawable outline = new ShapeDrawable(new RectShape()); outline.getPaint().setColor(-2130706433); LayerDrawable background = new LayerDrawable(new Drawable[]{outline, this.mShapeDrawable}); int strokeWidth = (int) (this.mDensity * 3.0F); background.setLayerInset(1, strokeWidth, strokeWidth, strokeWidth, strokeWidth); return background; } /** * 获得站点图标需要显示的数字的格式 小于10的后面没有添加+，反之则添加 * * @param bucket * @return */ protected String getClusterText(int bucket) { return bucket < 9 ? String.valueOf(bucket) : bucket + "+"; } /** * 给画笔设置颜色，目的是画mark点圆图片的颜色。 * * @param clusterSize * @return */ public int getColors(int clusterSize) { float hueRange = 220.0F; float sizeRange = 300.0F; float size = Math.min((float) clusterSize, 300.0F); float hue = (300.0F - size) * (300.0F - size) / 90000.0F * 220.0F; return Color.HSVToColor(new float[]{hue, 1.0F, 0.6F}); }上述就完成了地图添加mark点，并且可以自定义mark点样式。 3、mark点点聚合实现点聚合需要借助两个核心类，ClusterItem（聚合条目），ClusterMananger（聚合管理类） 实现步骤是：自己定义一个java类继承ClusterItem，每个人的项目中的mark点信息有可能不同，自己在此java类中定义属性。 使用此java类封装每个mark定数据，并调用ClusterMananger中的addItem（mark）方法，把数据交给ClusterMananager处理，这是使用google地图默认的聚合渲染模式，如果需要定制，需要创建一个java类继承CluseterMananger，进行相应的定制。 代码如下： if (mClusterManager == null) { mClusterManager = new ClusterManager(getApplication(), googleMap); } googleMap.setOnCameraIdleListener(mClusterManager); googleMap.setOnMarkerClickListener(mClusterManager); mClusterManager.setOnClusterItemClickListener(this); mClusterManager.setOnClusterClickListener(this); addItems(); ........................................................................................ /** * 整合mark点数据 */ private void addItems() { double lat = 51.5145160; double lng = -0.1270060; String title = "This is a mark"; String snippet = "every mark distriub"; for (int i = 0; i < 10; i++) { double offset = i / 360d; lat = lat + offset; lng = lng + offset; MarkItem offsetItem = new MarkItem(lat, lng, title, snippet); mClusterManager.addItem(offsetItem); } } 这样就完成了基本的点聚合。谢谢浏览 |
【本文地址】
今日新闻 |
推荐新闻 |