如何使用javascript在地圖標記中顯示自定義圖像

Question

我需要在我的網站中顯示自定義圖像作爲位置標記。

在這裏我已附加圖像。 Image

Answer 1

HTML

<script async defer 
src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"> 
//append jquery map marker js 


<div id="googlemaps"></div> 

腳本

var mapMarkers = { 
          "markers": 
          [ 
           { 
            "latitude": "48.85661", 
            "longitude":"2.35222", 
            "icon": "../wp-content/uploads/2016/08/pin.png" 
           } 
          ] 
         }; 
    $("#googlemaps").mapmarker 
    ({ 
     zoom : 16, 
     center : "48.85661, 2.35222", 
     dragging : 1, 
     mousewheel : 0, 
     markers : mapMarkers, 
     featureType : "all", 
     visibility : "on", 
     elementType : "geometry" 
    });