javascript - 如何自定义地图并删除“POI 图层”?
问题描述
在嵌入的谷歌地图上(例如这里 - https://www.familienfreunde.de/4.php?Nummer=132700000302)你可以看到很多兴趣点。
我想删除它们。
<script>
function initMap() {
var latlng = new google.maps.LatLng(51.3267379,12.3653812);
var myOptions = {
zoom: 19,
center: latlng,
mapTypeControlOptions: {
mapTypeIds: ["roadmap", "satellite"]
}
};
map = new google.maps.Map(document.getElementById("map"), myOptions);
var box_html = "<h5>Gymnasium Gerda Taro Schule</h5><p>04107 Leipzig<br /><b><a href=\"4.php?Nummer=132700000302\">Profil anzeigen</a></b></p>";
var icon = new google.maps.MarkerImage('/bilder/marker4.png');
var marker = add_marker(51.3267379,12.3653812,'Gymnasium Gerda Taro Schule',box_html,icon);
marker.setMap(map);
var box_html = "<h5>Rechtsanwalt Henry Bach</h5><p>04107 Leipzig<br /><b><a href=\"22.php?Nummer=378\">Profil anzeigen</a></b></p>";
var icon = new google.maps.MarkerImage('/bilder/marker22.png');
var marker = add_marker(51.3339224,12.3741322,'Rechtsanwalt Henry Bach',box_html,icon);
marker.setMap(map); }
function add_marker(lat,lng,title,box_html,icon) {
var infowindow = new google.maps.InfoWindow({
content: box_html
});
var marker = new google.maps.Marker({
position: new google.maps.LatLng(lat,lng),
map: map,
icon: icon,
title: title
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
google.maps.event.addListener(map, 'dragstart', function() {
infowindow.close();
});
return marker;
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=UNSERKEY&callback=initMap" async defer></script>
(为了清楚起见,我只删除了一些标记。)
解决方案
您可以尝试使用样式属性关闭 POI 的可见性
function initMap() {
var latlng = new google.maps.LatLng(51.3267379,12.3653812);
var myOptions = {
zoom: 19,
center: latlng,
styles = [
{
featureType: "poi",
elementType: "labels",
stylers: [
{ visibility: "off" }
]
}
];
mapTypeControlOptions: {
mapTypeIds: ["roadmap", "satellite"]
}
推荐阅读
- mongodb - java.lang.IllegalArgumentException:身份验证对象不能为空
- c# - 如何将同一实体映射到不同的数据库并仅忽略 Entity Framework Core 中一个数据库的列?
- python - 如何使用密码在python中压缩文件夹?
- redis - 如何在 Helm Stable 仓库中修改图表
- linux - Root 没有更改目录所有者的权限
- c - fputs(text, filePtr) 从 SendMessage 只返回 LPARAM 的第一个字符而不是整个字符串
- android - 发现错误“此版本不符合 Google Play 64 位要求(Opencv lib)”
- ios - SwiftUI 中的 WebRTC VideoCall 渲染
- r - R 小鼠:使用 with() 函数分析估算数据集
- groovy -
预期,在 Groovy 中为变量赋值得到“=”