カスタムGoogleマップのマーカーHTML

Question

Googleマップスタイルのフッターを埋め込みました。勤務時間や連絡先などのdivオーバーレイが含まれています。

誰もこれで私を助けることができる：私はまた、カスタムの場所のマーカーを組み込むために、このような何かをしようとしていますか？ ありがとう！

Answer 1

GoogleマップAPIを使用していると仮定すると、このコードを使用できます。

function initMap() { 
    // store latitude and longitude for map and marker 
    var myLatLng = {lat: -25.363, lng: 131.044}; 

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

    // create a custom marker 
    var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map: map, 
    title: 'Hello World!', 
    icon: 'my-image.png' 
    }); 
} 

このコードは、LatitudeとLongtitudeを格納するmyLatLng変数を作成し、マップオブジェクトを作成します。あなたのサイトにマップがあるなら、あなたはすでにセットアップがあると思います。

コードはtitleプロパティを介してタイトルを設定し、iconプロパティを介してマーカーを使用する画像を選択し、positionプロパティを介してマップで同じ緯度と経度を使用して、マーカーを宣言しました。

この関数は、最初に見つかったドキュメントからまっすぐに引き上げた。https://developers.google.com/maps/documentation/javascript/markers