Как я могу настроить карту и удалить «Слой POI»?

На встроенной карте Google (например, здесь - 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>

(Я удалил еще несколько маркеров только для ясности.)

mapstyle.withgoogle.com — установить видимость POI на hidden.
MrUpsidown 08.04.2019 15:11

о, черт возьми. Тогда я использую неправильный API. Затем мне нужно перестроить весь код и сначала прочитать документацию. Большое спасибо!

Thomas Kujawa 08.04.2019 15:29

Вы не используете неправильный API. Вам просто нужно добавить стиль к экземпляру карты. См. Developers.google.com/maps/documentation/javascript/styling

MrUpsidown 08.04.2019 15:34
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
3
218
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы можете попробовать отключить видимость 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"]
    }

в соответствии со стилями я заменил = на:. И в конце ; , Теперь это работает. Спасибо большое.

Thomas Kujawa 10.04.2019 00:00

Другие вопросы по теме