在Android版Google Maps SDK上标记
乔丹·史密斯
我想将自己的自定义标签贴在地图上的某些地方，例如下图，其中有阿尔伯特·帕克湖的文字，但与地方标记无关。这是我要设计具有多个区域的应用程序时想要做的一个例子，我想将这些区域的名称放在地图上，这些区域的名称仅在特定缩放级别下可见，以确保存在用户查看时不会混乱。我曾尝试过位置标记，但发现标记上方的文本外观不好，因此我不得不编写一个功能来调整缩放级别的文本可见性，以处理屏幕上许多内容的混乱情况。一旦。
干杯乔丹·史密斯
坦率
您可以尝试以下几种方法：
1.弹出多个信息窗口：https : //jsfiddle.net/kjqfs0bo/
function initMap() {
const uluru = { lat: -25.363, lng: 131.044 };
const map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: uluru,
});
const contentString ="lalala";
const infowindow = new google.maps.InfoWindow({
content: contentString,
});
const infowindow2 = new google.maps.InfoWindow({
content: contentString,
});
const marker = new google.maps.Marker({
position: uluru,
map,
title: "Uluru (Ayers Rock)",
});
const marker2 = new google.maps.Marker({
position: { lat: -20.363, lng: 130.044 },
map,
title: "Uluru (Ayers Rock)",
});
infowindow.open(map, marker);
infowindow2.open(map, marker2);
}
2.带有文本标签的不可见标记：https : //jsfiddle.net/0koynbz2/1/
function createMarker() {
var canvas, context;
canvas = document.createElement("canvas");
return canvas.toDataURL();
}
var map = new google.maps.Map(document.getElementById("map_canvas"), {
zoom: 13,
center: new google.maps.LatLng(56.1304, -106.3468),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng(56.1304, -106.3468),
map: map,
icon: {
url: createMarker()
},
label: {
text: 'My Place',
color: '#000',
fontSize: '14px',
fontWeight: 'bold'
}
});
var marker2 = new google.maps.Marker({
position: new google.maps.LatLng(56.1204, -106.3468),
map: map,
icon: {
url: createMarker()
},
label: {
text: 'My Place2',
color: '#000',
fontSize: '14px',
fontWeight: 'bold'
}
});
3.也许尝试geojson，但是因为geojson仅支持点，线和面。我不确定是否可以只显示文本。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
缩小iOS版Google Maps SDK的大小
- 2
使用iOS版Google Maps SDK优化自定义标记图像的性能
- 3
Android SDK Eclipse Google Maps
- 4
UISwitch无法在iOS版Google Maps SDK上使用吗？
- 5
iOS版Google Maps SDK中的折线轮廓
- 6
UISwitch无法在iOS版Google Maps SDK上使用吗？
- 7
iOS版Google Maps sdk中的折线轮廓
- 8
Google Maps SDK ios中点击了哪个标记？
- 9
Google Maps SDK ios中点击了哪个标记？
- 10
iOS Swift Google Maps SDK 在特定缩放级别显示标记？
- 11
Google Maps刷新标记
- 12
Google Maps标记动作
- 13
筛选标记Google Maps
- 14
在Google Maps Android中动态更新标记
- 15
Android Google Maps在片段内包含标记
- 16
Android Google Maps异步任务添加标记
- 17
Android Google Maps多个标记未显示
- 18
Google Maps Android撤消标记拖动
- 19
使用标记和折线Google Maps android
- 20
Android Firebase删除Google Maps标记
- 21
android：某些设备的Google Maps 8.4.0版本崩溃了
- 22
Android版Google Maps的自定义InfoWindow问题
- 23
重新创建Android版Google Maps API
- 24
使用Android版Google Maps API实时动态跟踪路线
- 25
IllegalStateException Java Google Maps标记
- 26
Google Maps异步添加标记
- 27
Google Maps标记随机消失
- 28
Google Maps API标记刷新
- 29
Google Maps异步添加标记
我来说两句