高德导航SDK中,怎么把Marker覆盖到途径点上面?
时间: 2024-03-13 19:45:17 浏览: 16
在高德导航SDK中,可以通过以下步骤将Marker覆盖到途径点上面:
1. 获取途径点的坐标信息。
2. 创建Marker对象,并设置Marker的图标、位置等属性。
3. 将Marker添加到地图上,设置zIndex属性为较大的值,以确保Marker覆盖在途径点上方。
示例代码如下:
```
// 获取途径点的坐标信息
List<NaviLatLng> wayPoints = mAMapNavi.getNaviPath().getCoordList();
// 创建Marker对象,并设置Marker的图标、位置等属性
MarkerOptions markerOptions = new MarkerOptions();
markerOptions.icon(BitmapDescriptorFactory.fromResource(R.drawable.marker_icon));
markerOptions.position(new LatLng(wayPoints.get(0).getLatitude(), wayPoints.get(0).getLongitude()));
// 将Marker添加到地图上,设置zIndex属性为较大的值
Marker marker = mAMap.addMarker(markerOptions);
marker.setZIndex(999);
```
在上述示例代码中,我们获取了途径点的坐标信息,然后创建了一个Marker对象,并将其添加到地图上,并设置了zIndex属性为999,以确保Marker覆盖在途径点上方。
相关问题
安卓高德导航SDK 添加了Marker显示在了途经点的上方,完全覆盖掉了途经点,点击Marker后,途径点又显示出来了。这个情况应该用什么去解决?我在点击的时候设置了marker.setZIndex(999);还是不行
你可以尝试使用高德地图SDK提供的InfoWindow来解决这个问题。InfoWindow是一种自定义弹出窗口,可以在地图上显示额外的信息。你可以在Marker上设置InfoWindow,这样点击Marker时,就会弹出一个窗口显示额外的信息,而不会遮挡住途经点。具体操作可以参考高德地图SDK的官方文档。同时,你可以尝试调整Marker的位置,或者使用不同的图标来避免遮挡住途经点。
高德地图中添加标记marker点
在高德地图中添加标记点(Marker)可以通过以下步骤实现:
1. 引入高德地图 JavaScript API
在 HTML 文件中引入高德地图 JavaScript API,例如:
```html
<script src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script>
```
其中 `key` 值需要替换为您自己申请的高德地图开发者 Key。
2. 创建地图容器
在 HTML 文件中创建一个地图容器,例如:
```html
<div id="mapContainer" style="width: 100%; height: 500px;"></div>
```
该容器的宽度和高度可以根据实际需求进行调整。
3. 创建地图对象
在 JavaScript 中创建地图对象,并将其显示在地图容器中,例如:
```javascript
var map = new AMap.Map('mapContainer', {
center: [116.397428, 39.90923],
zoom: 13
});
```
其中 `center` 表示地图的中心点坐标,`zoom` 表示地图的缩放级别。
4. 添加标记点
通过 `AMap.Marker` 类创建一个标记点对象,并设置其位置、图标等属性,例如:
```javascript
var marker = new AMap.Marker({
position: [116.397428, 39.90923],
icon: 'https://webapi.amap.com/images/marker_sprite.png'
});
```
其中 `position` 表示标记点的位置坐标,`icon` 表示标记点的图标。如果不设置图标,则默认使用高德地图提供的红色图钉样式。
5. 将标记点添加到地图中
通过 `AMap.Map` 对象的 `add` 方法将标记点添加到地图中,例如:
```javascript
map.add(marker);
```
完成以上步骤后,您就可以在高德地图中看到一个带有标记点的地图了。