gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-29 16:11:52 25 4
gpt4 key购买 nike

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

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

这基本上有效。我将我的图片托管在谷歌驱动器中。这很好,但有点慢,在单击 map 并渲染标记后第一次加载图像大约需要 500-700 毫秒。所以我试图在本地添加图像,遗憾的是,我似乎找不到关于这个的资源。如何使用本地(在我的项目目录中)图像?

假设我将它放在与我调用谷歌地图服务的 php 文件相同目录级别的文件夹“icons”中,如果有帮助的话。谢谢!

更新!

我试过:

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

其中 pubIcons 是与我渲染 map 的 php 文件位于同一目录中的文件夹。我得到这个错误:

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

它的行为有点像 pubIcons/male-2.png 是我 Controller “ View ”中的一个 Action ,顺便说一句,我正在使用 Yii。

最佳答案

试试这个代码:)

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"

关于javascript - 在谷歌地图中添加本地镜像作为自定义标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25496625/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com