показать google-карту на моем сайте так же, как она отображается на картах Google

Question

Я хочу показать карту google на моем сайте по адресу или широте и долготе. Как показано на карте google map.

Проверьте изображение ниже, чтобы показать маркер с заголовком рядом.

var myLatLng = {lat: 59.3488727, lng: 18.0432932}; 

     var map = new google.maps.Map(document.getElementById('map'), { 
      zoom: 20, 
      center: myLatLng 
     }); 

     var marker = new google.maps.Marker({ 
      position: myLatLng, 
      map: map, 
      title: 'My title' 
     }); 

Я использовал приведенный выше код и когда показать карту на своем сайте он выглядит как это изображение. Где я делаю неправильно?

Answer 1

Если вы пытаетесь воссоздать простой опыт Google Maps на свой веб-сайт, я бы рекомендовал использовать Embed API, который включает в себя базовую метку рядом с маркерами.

В противном случае вы можете посмотреть что-то вроде библиотеки MarkerWithLabel, которую вы можете использовать, чтобы вручную прикрепить текстовую метку к маркеру с использованием полного API JavaScript.