Android 高德地图自定义地图覆盖物（Marker）

最新推荐文章于 2024-04-09 16:12:25 发布
VIP文章 最新推荐文章于 2024-04-09 16:12:25 发布
阅读量3.7k 收藏 7
点赞数 1
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/crystal_xing/article/details/84314359
版权

先上效果图，摄像头和摄像头上的预警事件红点就是一个自定义布局作为地图的marker的图标。

       

      

camera_red.png (素材图)

官方提供的API参考手册：http://a.amap.com/lbs/static/unzip/Android_Map_Doc/index.html, maker图标设置如下截图所示

<

最低0.47元/天 解锁文章
Crystal_xing
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android 高德地图自定义点聚合marker图片及Overlay点击选中功能
04-29
Android 高德地图自定义点聚合marker图片及Overlay点击选中功能的代码实现及布局文件
高德地图多边形覆盖物添加、获取、删除
weixin_34306676的博客
11-26 1418
最近在做有关地图的项目 汇总一下 方便以后使用 不喜勿喷 上图是覆盖物绘制完成之后的编辑状态 引入高德地图js <script src="https://webapi.amap.com/maps?v=1.4.10&key=yourkey&plugin=AMap.Autocomplete&plugin=AMap.PolyEditor"></sc...
android 显示多个图片不显示,Android----高德地图多个Marker加载网络图片出现图片不显示问题...
weixin_31459035的博客
05-25 348
地图上展示如上mark，不是infowindow。首先这种是自定义的mark,看了下MarkerOptions和Marker的Api,两个类均被final修饰，因此，自定义marker这个想法放弃 。高德地图api中有这个方法markerOption.icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory.decodeResource(getR...
高德地图 绘制 柱状图形
memoryI的博客
10-12 2837
要注意清空柱状图形 <template> <div class="contentBox"> <div id="map"></div> </div> </template> <script> import AMap from 'AMap' export default { data() { ...
Android开发解决高德地图添加自定义图片Marker清晰度问题
gjgfjgy的博客
04-09 92
【代码】Android开发解决高德地图添加自定义图片Marker清晰度问题。
Android实现高德地图Marker拖动圆环范围_地图定位.zip
09-02
高德地图Marker拖动圆环范围
Android 高德地图在地图上面添加背景图和设置滑动范围
qq_16899301的博客
11-13 1869
高德地图：在地图上面添加背景图和设置滑动范围 因为我这边开发的是景区，所以在地图上面景区的位置就添加了一个景区的背景图，代码如下： if (!mMapBgImg.contains("http")) { AsyncUtil.async(new Function<String, Bitmap>() { @Override ...
android高德SDK，Marker的zIndex导致的遮罩层问题解决
BianLingSFW
06-24 3117
一、问题描述 最近项目接到了一个遮罩层需求，效果图如下 凭感觉会觉得不难，遮罩层+遮罩层之上的元素，通过高德自己的api进行图层排序就可以。 假如用Polygon来绘制遮罩层，那么测试代码如下： val bottomMarkerPosition = LatLng(29.0, 114.0) val topMarkerPosition = LatLng(29.05, 114.05) val maskLayerPath = listOf( La
高德地图获取经纬度
weixin_43963309的博客
09-15 1635
高德API 使用方法： getTitude() { AMapLoader.load({ key: process.env.VUE_APP_AMAP_KEY, version: '2.0', plugins: ['AMap.Geolocation'] }).then(AMap => { this.map = new AMap.Map(this.$refs.map, { resizeEnable: true
高德地图-聚合点效果-遮罩层弹框
︶￣城南花已开
04-13 670
高德地图，海量点，聚合，弹窗
Android基于高德地图完全自定义Marker的实现方法
01-21
本文中实现的方式都是基于高德地图的,百度地图也类似,大家可以照葫芦画瓢,废话不多说,先来看看最终效果: 实现思路: 先来看看高德官方提供的设置Marker图标的方法: 我们可以看到setIcon()方法,里面的参数...
高德地图自定义点聚合图片
04-26
Android 高德地图自定义点聚合marker图片及Overlay点击选中功能的代码实现及布局文件
高德地图-自定义点击弹框（气泡）
06-17
在高德地图中点击弹出自定义弹框(气泡)。（结合上一个上传的文件，也可用于标记点的点击弹出的弹框气泡）
高德地图自定义覆盖物
qq_34250126的博客
03-08 1548
老规矩，先上效果图。看到了绿色的点了吗。关键有两个。第一，每个覆盖物要有序号。第二，自定义覆盖物只能用bitmap。这里贴代码了。关键的一步，view转bitmap，public static Bitmap convertViewToBitmap(View view) { view.measure(View.MeasureSpec.makeMeasureSpec(0, View.Meas...
【高德地图API】从零开始学高德JS API（三）覆盖物——标注|折线|多边形|信息窗口|聚合marker|麻点图|图片覆盖物...
weixin_34234823的博客
05-14 413
摘要：覆盖物，是一张地图的灵魂。有覆盖物的地图，才是完整的地图。在一张地图上，除了底层的底图（瓦片图，矢量图），控件（有功能可操作的工具），最重要最不可缺少的就是覆盖物了。覆盖物有多种，包括，标注、折线、多边形、信息窗口、聚合marker、麻点图和图片覆盖物。本文会详细介绍每一种覆盖物的概念，添加方法，修改方法，移除方法等。最后会提供示例和源代码下载。   示例demo：http://zhao...
Android高德地图贴合图片完成手绘地图展示
weixin_33911824的博客
12-17 1029
上周刚接到一个需求，产品觉得高德的默认地图样式不好看，想要一个手绘地图贴合上去，看着美观很多，然而我内心确是抵触的，无法 ，产品讲了，只能先回答试试看看。接下拉就是一搏谷歌搜索。 1.使用web版本的高德地图，然后和native交互完成 web端有现成的方案，直接贴合自定义图片 var imageLayer = new AMap.ImageLayer({ url: 'gulangy...
原来高德也有一样的图片覆盖物加载方法
追
04-18 5212
前面粗心没看到高德的图片覆盖物切片加载方式，以为只有一种，就是直接加载一个大图片。今天仔细找了一下，发现高德也有跟百度类似的本地切片加载方法：TileOverlay 。     在这里 >>>
android 高德地图 自定义覆盖物,添加一个或多个覆盖物
weixin_39629989的博客
05-26 425
添加一个或多个覆盖物html, body, #container {height: 100%;width: 100%;}.amap-icon img {width: 25px;height: 34px;}.input-card .btn {width: 9rem;}.input-card .btn:first-child {margin-right: 1.3rem;}添加覆盖物src="https...
k8s1.16的jenkins部署java项目cicd(cd手动)-kubernetes安装包和详细文档笔记整理
最新发布
05-28
k8s1.16的jenkins部署java项目cicd(cd手动)-kubernetes安装包和详细文档笔记整理
高德地图自定义marker如何跟随地图旋转
06-07
如果想要高德地图上的Marker跟随地图旋转，可以使用MarkerOptions的setFlat属性和setRotateAngle属性来实现。 setFlat属性可以设置Marker的图标是否贴地显示，如果设置为true，则Marker的图标会始终保持水平朝上的状态。 setRotateAngle属性可以设置Marker的旋转角度，如果设置为地图的旋转角度，则Marker就会跟随地图旋转。 具体实现代码如下： ``` // 创建MarkerOptions对象 MarkerOptions markerOptions = new MarkerOptions(); LatLng latLng = new LatLng(39.906901, 116.397972); markerOptions.position(latLng); markerOptions.title("Marker标题"); markerOptions.snippet("Marker描述"); markerOptions.icon(BitmapDescriptorFactory.fromResource(R.drawable.marker_icon)); markerOptions.setFlat(true); markerOptions.setRotateAngle(aMap.getCameraPosition().bearing); // 添加Marker到地图上 Marker marker = aMap.addMarker(markerOptions); ``` 其中，aMap.getCameraPosition().bearing可以获取地图的旋转角度。这样设置后，Marker就会跟随地图旋转了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值