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”来托管包含图像的项目文件夹。