在Google地图中将本地图片添加为自定义标记

Question

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

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

这基本上有效.我在google驱动器中托管我的图片.它很好,但有点慢,在点击地图并渲染标记时第一次加载图像需要大约500-700毫秒.所以我试图在本地添加图像,遗憾的是,我似乎无法找到有关此图像的资源.如何使用本地(在我的项目目录中)图像？

假设我把它放在与我的php文件相同的目录级别的文件夹"icons"中,我称之为谷歌地图服务,如果这有帮助的话.谢谢!

更新!

我试过了:

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.

Answer 1

试试这个代码:)

var image = "https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQxFoh469eOsZQkuPOLpZn3R6yyIExkZCxOxf4ywfeY3v330EwP3Q";
var marker = new google.maps.Marker({
        position: location,
        map: globalMap,
        icon: image
});

更新

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

要么

icon : "/pubIcons/male-2.png"