Javascript Google Maps API圖標

Question

在過去的一個半星期里，我一直在為自己的網站修改腳本。 我對其進行了些微修改，但遇到了一些技術障礙。 目前，它可以完美運行，但我想添加一個自定義標記圖標。 我已經嘗試使用許多示例代碼進行加載，但是在這里已經知道了。 我已將圖片保存在Google驅動器上，網址為

“ https://drive.google.com/open?id=0B8DJ6pJV3E9FWmFiUlFTWGl5RjA ”

請任何人告訴我如何將其合並到下面我知道有效的代碼中。

 <div id="map" style="height: 500px; width: 500px; float:left; border:1px solid black; "></div> <div id="sidebar" style="height: 500px; width: 300px; float:left; margin: 40px; vertical-align: top; line-height: 30px; margin-top: -10px; "></div> <script src="https://maps.googleapis.com/maps/api/js"></script> <script> var markers = []; var map; var infoWin; function initMap() { map = new google.maps.Map(document.getElementById('map'), { center: {lat: -34.397, lng: 150.644}, zoom: 8 }); infoWin = new google.maps.InfoWindow(); createMarker(new google.maps.LatLng( -33.8, 151.0), "Place 1", "Address 1", map); createMarker(new google.maps.LatLng( -33.8, 151.1), "Place 2", "Address 2", map); } google.maps.event.addDomListener(window, 'load', initMap); function createMarker(latlng, name, html, map) { var marker = new google.maps.Marker({ position: latlng, map: map }); google.maps.event.addListener(marker, 'click', function(evt) { infoWin.setContent("<h3>"+name+"</h3>"+html); infoWin.open(map,marker); }); var sideaddress = [name] markers.push(marker); document.getElementById('sidebar').innerHTML += '<a href="javascript: google.maps.event.trigger(markers['+(markers.length-1)+'],\\'click\\');">'+sideaddress+'</a><br>'; } </script> 

Answer 1

您遇到了與我一次相同的問題，只需要在本地（本地主機）或網絡上的任何地方托管圖像，然后使用其url設置標記url路徑。

如果您使用的是chrome，請使用App Store中的應用程序“ Web Server”來托管包含圖像的項目文件夾。