私のサイトにgoogle mapを表示するだけでgoogleマップに表示されます

Question

私は自分のサイトにアドレスまたは緯度と経度でGoogleマップを表示したいと思います。

下記の画像を確認してください。タイトルの横にマーカーが表示されています。

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マップを再現するには、Embed APIにマーカーの横に基本ラベルが含まれていることをおすすめします。

そうでない場合は、MarkerWithLabelライブラリなど、完全なJavaScript APIを使用してマーカーに手動でテキストラベルを付けることができます。