Javascript 如何自定义地图并删除';POI层';?
在嵌入的谷歌地图(例如,这里-)上,你可以看到很多有趣的地方 我想删除它们Javascript 如何自定义地图并删除';POI层';?,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,在嵌入的谷歌地图(例如,这里-)上,你可以看到很多有趣的地方 我想删除它们 <script> function initMap() { var latlng = new google.maps.LatLng(51.3267379,12.3653812); var myOptions = { zoom: 19, center: latlng, mapTypeControlOptions: { mapTypeIds: ["roadmap", "satellite"] }
<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>
函数initMap(){
var latlng=新的google.maps.latlng(51.3267379,12.3653812);
变量myOptions={
缩放:19,
中心:拉特林,
mapTypeControlOptions:{
MapTypeId:[“路线图”、“卫星”]
}
};
map=新的google.maps.map(document.getElementById(“map”),myOptions);
var box_html=“莱比锡格尔达塔罗舒勒体育馆04107
”;
var icon=new google.maps.MarkerImage('/bilder/marker4.png');
var marker=add_marker(51.3267379,12.3653812,'格尔达塔罗舒勒体育馆',方框html,图标);
marker.setMap(map);
var box_html=“Rechtsanwalt Henry Bach04107莱比锡
”;
var icon=new google.maps.MarkerImage('/bilder/marker22.png');
var marker=add_marker(51.3339224,12.3741322,'Rechtsanwalt Henry Bach',box_html,图标);
marker.setMap(map);}
功能添加标记(lat、lng、标题、方框、html、图标){
var infowindow=new google.maps.infowindow({
内容:box_html
});
var marker=new google.maps.marker({
位置:新google.maps.LatLng(lat,lng),
地图:地图,
图标:图标,
标题:标题
});
google.maps.event.addListener(标记'click',函数(){
信息窗口。打开(地图、标记);
});
google.maps.event.addListener(映射'dragstart',函数(){
infowindow.close();
});
返回标记;
}
(为了清晰起见,我只删除了一些标记。)您可以尝试使用styles属性关闭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"]
}
-将POI可见性设置为
隐藏
。哦,该死。那我用错API了。然后我必须先重新编译所有代码并阅读文档。谢谢!您没有使用错误的API。您只需要将样式添加到地图实例中。请参见根据样式,我将=替换为:。而在最后,;顺便说一句,现在它开始工作了。非常感谢你。