高德地图自定义Marker

1.添加Marker 的方法

// 添加多边形的边界点markerprivate void addPolygonMarker(LatLng latlng) {
//      markerOption.position(latlng);
//      Marker marker = mAMap.addMarker(markerOption);
//      markerList.add(marker);markerId++;//小猫 自定义 MarkerView viewCat = LayoutInflater.from(this).inflate(R.layout.item_marker_view, null);TextView tv_marker = (TextView) viewCat.findViewById(R.id.tv_marker);ImageView iv_mark_bg = viewCat.findViewById(R.id.iv_mark_bg);tv_marker.setText(markerId + "");int size = markerList.size();if (size == 0) {iv_mark_bg.setBackgroundResource(R.mipmap.circle_gray);} else if (size == 1) {iv_mark_bg.setBackgroundResource(R.mipmap.circle_gray);} else {iv_mark_bg.setBackgroundResource(R.mipmap.circle_yellow);}MarkerOptions markerOption = new MarkerOptions().position(latlng).draggable(false).icon(BitmapDescriptorFactory.fromView(viewCat));//将数据添加到地图上Marker marker = mAMap.addMarker(markerOption);//设置类型为2  为了区分 点击 哪一个类型的Markermarker.setObject(markerId);markerList.add(marker);}

2.Marker 的布局文件

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayoutxmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="18dp"android:layout_height="28dp"><ImageViewandroid:id="@+id/iv_mark_bg"android:layout_width="12dp"android:layout_height="6dp"android:background="@mipmap/circle_gray"android:layout_alignParentBottom="true"android:layout_centerHorizontal="true"/><TextViewandroid:id="@+id/tv_marker"android:layout_width="18dp"android:layout_height="28dp"android:textColor="@color/blue"android:textSize="7dp"android:paddingTop="3.2dp"android:text="1"android:gravity="center_horizontal"android:background="@mipmap/map_h_pos"/></RelativeLayout>

Marker 样式图片

高德地图自定义Marker相关推荐

高德地图自定义marker+信息窗口
先上效果图首先在index.html引入高德地图,你的key.其中plugin后面拼接是是所依赖的插件.版本不同,有些写发也不同,望注意:这里我使用2.0版本. <script src=&qu ...
高德地图自定义marker
function AddPoint (arr) {let index = 1 + markerList.length // 序号var content = '<div class="m ...
首次高德地图自定义marker并清除marker，都是借鉴各位前辈的代码，然后融合了好多案例，感谢各位前辈
import * as THREE from 'three' // 第二步:初始化地图+数据获取更新 import AMapLoader from '@amap/amap-jsapi-loader' ...
七、vue项目使用高德地图自定义marker图标
效果如图主要代码 data() {return {marker: "",markers: [{position: [118.791545, 31.9624],id: 1,icon ...
android高德地图marker图标,高德地图自定义Marker显示文字
方法一: 调用: Marker localMarker=mAMap.addMarker(new MarkerOptions() .position(localLatLng) //.icon(Bitma ...
高德地图自定义Marker显示文字
方法一: 调用: Marker localMarker=mAMap.addMarker(new MarkerOptions() .position(localLatLng) //.icon(Bitma ...
Android高德地图自定义Markers的例子
下文为各位重点介绍关于Android高德地图自定义Markers的例子,希望这篇文章能够让各位理解到Android高德地图自定义Markers的方法. 之前的博客里说了地图的嵌入和定位,今天就说说在地 ...
vue框架中使用高德地图自定义icon问题
** vue框架中使用高德地图自定义icon问题 ** vue框架中使用高德地图自定义icon,在编译时,因为图片会有封装问题等,但是在高德地图中没有转化对应的路径,在最后结果中会出现找不到图标的问题 ...
Android 高德地图自定义线路规划选择方案之后按照方案进行导航
Android 高德地图自定义线路规划选择方案之后按照方案进行导航因为我这边导航需求的问题,导致我这边不能使用高德地图官方的线路规划和导航.所以我这边线路规划和导航界面都是根据高德地图那边给的api ...

高德地图自定义Marker

1.添加Marker 的方法

2.Marker 的布局文件

Marker 样式图片

高德地图自定义Marker相关推荐

最新文章

热门文章