高德地图自定义点标记大小_Android高德自定义marker点标记与infoWindow窗体

本文展示了如何在Android应用中自定义高德地图的点标记大小及信息窗口,通过设置MarkerOptions和使用自定义布局实现个性化效果。
摘要由CSDN通过智能技术生成

/*** Created by YyyyQ on 2020/3/24*/

public class MainActivity extends AppCompatActivity implementsAMap.OnMarkerClickListener, AMap.InfoWindowAdapter, AMap.OnMapClickListener {private MapView mapView = null;privateAMap aMap;privateUiSettings uiSettings;//存放所有点的经纬度

LatLngBounds.Builder boundsBuilder = newLatLngBounds.Builder();//当前点击的marker

privateMarker clickMaker;//自定义窗体

View infoWindow = null;

@Overrideprotected voidonCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mapView=findViewById(R.id.map);

mapView.onCreate(savedInstanceState);if (aMap == null) {

aMap=mapView.getMap();

uiSettings=aMap.getUiSettings();//设置地图属性

setMapAttribute();

}//模拟数据源

List> list =getData();//循坏在地图上添加自定义marker

for (int i = 0; i < list.size(); i++) {

LatLng latLng= new LatLng(Double.parseDouble(list.get(i).get("latitude")), Double.parseDouble(list.get(i).get("longitude")));

MarkerOptions markerOption= newMarkerOptions();

markerOption.position(latLng);

markerOption.title(list.get(i).get("title"));

markerOption.snippet(list.get(i).get("content"));//自定义点标记的icon图标为drawable文件下图片

markerOption.icon(BitmapDescriptorFactory.fromBitmap(BitmapFactory.decodeResource(getResources(), R.drawable.ditu_yiliao)));

markerOption.draggable(false);

aMap.addMarker(markerOption);//将所有marker经纬度include到boundsBuilder中

boundsBuilder.include(latLng);

}//更新地图状态

aMap.animateCamera(CameraUpdateFactory.newLatLngBounds(boundsBuilder.build(), 10));

}/*** 设置地图属性*/

private voidsetMapAttribute() {//设置默认缩放级别

aMap.moveCamera(CameraUpdateFactory.zoomTo(12));//隐藏的右下角缩放按钮

uiSettings.setZoomControlsEnabled(false);//设置marker点击事件监听

aMap.setOnMarkerClickListener(this);//设置自定义信息窗口

aMap.setInfoWindowAdapter(this);//设置地图点击事件监听

aMap.setOnMapClickListener(this);

}/*** 模拟数据源*/

private List>getData() {

List> list = new ArrayList<>();for (int i = 1; i < 11; i++) {

Map map = new HashMap<>();

map.put("title", "标题NO." +i);

map.put("content", "这是第" + i + "个marker的内容");

map.put("latitude", (43 + Math.random() + "").substring(0, 9));

map.put("longitude", (125 + Math.random() + "").substring(0, 10));

list.add(map);

}returnlist;

}/*** marker点击事件*/@Overridepublic booleanonMarkerClick(Marker marker) {

clickMaker=marker;//点击当前marker展示自定义窗体

marker.showInfoWindow();//返回true 表示接口已响应事,无需继续传递

return true;

}/*** 监听自定义窗口infoWindow事件回调*/@OverridepublicView getInfoWindow(Marker marker) {if (infoWindow == null) {

infoWindow= LayoutInflater.from(this).inflate(R.layout.amap_info_window, null);

}

render(marker, infoWindow);returninfoWindow;

}/*** 自定义infoWindow窗口*/

private voidrender(Marker marker, View infoWindow) {

TextView title=infoWindow.findViewById(R.id.info_window_title);

TextView content=infoWindow.findViewById(R.id.info_window_content);

title.setText(marker.getTitle());

content.setText(marker.getSnippet());

}/*** 不能修改整个InfoWindow的背景和边框,返回null*/@OverridepublicView getInfoContents(Marker marker) {return null;

}/*** 地图点击事件

* 点击地图区域让当前展示的窗体隐藏*/@Overridepublic voidonMapClick(LatLng latLng) {//判断当前marker信息窗口是否显示

if (clickMaker != null &&clickMaker.isInfoWindowShown()) {

clickMaker.hideInfoWindow();

}

}

}

你好!对于高德地图自定义复杂样式信息窗体,你可以按照以下步骤进行操作: 1. 首先,创建一个自定义的信息窗体样式,可以使用HTML、CSS和JavaScript来定义窗体的内容和样式。 2. 在地图上创建一个标记,然后将自定义信息窗体与该标记关联起来。你可以使用高德地图Marker类来创建标记,并使用Marker的setExtData方法将自定义信息窗体标记关联。 3. 当用户标记时,触发相应的事件,例如click事件。在事件处理程序中,可以调用自定义信息窗体的open方法,将信息窗体显示在地图上。 以下是一个示例代码,演示了如何创建自定义复杂样式的信息窗体: ```javascript // 创建地图实例 var map = new AMap.Map('map-container', { zoom: 13, center: [116.397428, 39.90923] }); // 创建标记 var marker = new AMap.Marker({ position: [116.397428, 39.90923], map: map }); // 创建自定义信息窗体 var infoWindow = new AMap.InfoWindow({ content: '<div class="info-window">这是一个自定义的信息窗体</div>', offset: new AMap.Pixel(0, -30) // 窗体相对于标记的偏移量 }); // 关联标记和信息窗体 marker.setExtData(infoWindow); // 绑定事件处理程序 marker.on('click', function () { var infoWindow = this.getExtData(); infoWindow.open(map, this.getPosition()); }); ``` 这个示例中,我们创建了一个地图实例,并在地图上创建了一个标记。然后,我们创建了一个自定义的信息窗体,并将其与标记关联。最后,通过绑定标记的click事件,在标记时显示信息窗体。 你可以根据自己的需求,修改自定义信息窗体的内容和样式,以实现复杂的效果。希望对你有帮助!如有任何问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值