Javascript 在谷歌地图中添加本地图像作为自定义标记

我正在尝试使用谷歌地图创建一个自定义标记

var iconBase = //some url;
var marker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  icon: iconBase + 'marker.png'
});

这基本上是可行的。我把我的图片放在谷歌硬盘上。这很好，但有点慢，在单击地图并渲染标记后，第一次加载图像大约需要500-700毫秒。所以我试图在本地添加图像，很遗憾，我似乎找不到关于这个的资源。如何使用本地（在项目目录中）映像

假设我把它放在与我的php文件相同的目录级别的“icons”文件夹中，在那里我调用GoogleMaps服务，如果有帮助的话。谢谢大家!

更新

我试过：

maker = new google.maps.Marker({
              position: location,
              map: globalMap,
              icon : "pubIcons/male-2.png"
            }); 

其中pubIcons是一个文件夹，与我渲染地图的php文件位于同一目录中。 我得到了这个错误：

GET http://localhost/bims-2.0/index.php/location/view/pubIcons/male-2.png 404 (Not Found) 

它的行为有点像pubIcons/male-2。png是我的控制器“视图”中的一个动作，我正在使用Yii btw。

试试下面的代码：）

更新

var image  = "http://yourdomain.com/image/image.php";

或

---

我也遇到了这个问题，但解决它的方式不同。我在web框架中使用Django，Django使用名为static的目录。不知道这个目录是否可以在Django之外使用。我将图片加载到我的静态文件中，在我的网页的主体标签中，有代码

---

google.maps.Marker的
图标
参数需要一个URL。通过指定
“pubIcons/male-2.png”
，您提供了一个相对URL，相对于您所在的页面

如果要从本地文件系统指定文件，则需要使用文件URL，例如：
“file:///var/www/pubIcons/male-2.png“
或您的文件位于本地文件系统中的任何位置。当然，只有从本地机器加载javascript时，才能访问本地文件

完整示例：

maker = new google.maps.Marker({
              position: location,
              map: globalMap,
              icon : "file:///var/www/pubIcons/male-2.png"
            }); 

在当地，我的意思是在你们的项目目录中，你们可以在这里读到更多：omg传单好多了
icon : "/pubIcons/male-2.png"

    `<img src="{% static 'map/CrocMarker_45.png' %}" alt="Croc Marker" id="crocMark">`

Project Root "Django">Django Root "Django_Project">My apps e.g. "map">static>map

maker = new google.maps.Marker({
              position: location,
              map: globalMap,
              icon : "file:///var/www/pubIcons/male-2.png"
            });