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

松饼

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

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

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

假设我把它放在与我的php文件位于同一目录级别的目录“ icons”中,如果有帮助的话,我称之为google maps服务。谢谢!

更新!

我试过了:

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 = "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"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在此处地图中添加自定义图像标记?

来自分类Dev

Google地图中的自定义和路标标记

来自分类Dev

在Google地图中指定自定义标记的大小

来自分类Dev

自定义图像以添加到地图标记

来自分类Dev

向Google地图添加自定义标记

来自分类Dev

允许用户在Google地图自定义地图中向后移动标记位置(z索引?)

来自分类Dev

Google静态地图自定义标记

来自分类Dev

使用 OpenLayers 在 OSM 中显示自定义本地图像标记

来自分类Dev

在Google地图中添加标记

来自分类Dev

SSRS地图中的自定义标记类型

来自分类Dev

Android放大并围绕地图中的自定义标记

来自分类Dev

为JSON地图中的数据设置Google Maps标记的自定义信息窗口

来自分类Dev

Firefox中未显示Google地图中的自定义标记

来自分类Dev

为JSON地图中的数据设置Google Maps标记的自定义信息窗口

来自分类Dev

自定义图例/图像作为传单地图中的图例

来自分类Dev

在图像(地图)上自定义绝对定位的 FontAwesome 标记

来自分类Dev

如何使用Google Maps API显示自定义标记以生成静态地图图像

来自分类Dev

为什么我无法访问添加到添加到 Google 地图中标记的自定义信息窗口的按钮?

来自分类Dev

带有css圆角的Google地图自定义标记

来自分类Dev

Flutter从画布创建Google地图自定义标记

来自分类Dev

带有自定义标记CSS动画的Google地图

来自分类Dev

从Google地图的自定义标记中删除框阴影

来自分类Dev

如何在组件“vue2-google-maps”中的谷歌地图上添加带有自定义图像的标记?

来自分类Dev

地图中的自定义导航

来自分类Dev

谷歌地图自定义标记android

来自分类Dev

如何在@ angular / google-maps模块中将Google地图标记图标替换为自定义图标

来自分类Dev

如何在Apple Watch的地图视图中添加自定义地图图钉?

来自分类Dev

在Google地图中添加标记-Flutter

来自分类Dev

如何在Google地图中添加标记

Related 相关文章

  1. 1

    如何在此处地图中添加自定义图像标记?

  2. 2

    Google地图中的自定义和路标标记

  3. 3

    在Google地图中指定自定义标记的大小

  4. 4

    自定义图像以添加到地图标记

  5. 5

    向Google地图添加自定义标记

  6. 6

    允许用户在Google地图自定义地图中向后移动标记位置(z索引?)

  7. 7

    Google静态地图自定义标记

  8. 8

    使用 OpenLayers 在 OSM 中显示自定义本地图像标记

  9. 9

    在Google地图中添加标记

  10. 10

    SSRS地图中的自定义标记类型

  11. 11

    Android放大并围绕地图中的自定义标记

  12. 12

    为JSON地图中的数据设置Google Maps标记的自定义信息窗口

  13. 13

    Firefox中未显示Google地图中的自定义标记

  14. 14

    为JSON地图中的数据设置Google Maps标记的自定义信息窗口

  15. 15

    自定义图例/图像作为传单地图中的图例

  16. 16

    在图像(地图)上自定义绝对定位的 FontAwesome 标记

  17. 17

    如何使用Google Maps API显示自定义标记以生成静态地图图像

  18. 18

    为什么我无法访问添加到添加到 Google 地图中标记的自定义信息窗口的按钮?

  19. 19

    带有css圆角的Google地图自定义标记

  20. 20

    Flutter从画布创建Google地图自定义标记

  21. 21

    带有自定义标记CSS动画的Google地图

  22. 22

    从Google地图的自定义标记中删除框阴影

  23. 23

    如何在组件“vue2-google-maps”中的谷歌地图上添加带有自定义图像的标记?

  24. 24

    地图中的自定义导航

  25. 25

    谷歌地图自定义标记android

  26. 26

    如何在@ angular / google-maps模块中将Google地图标记图标替换为自定义图标

  27. 27

    如何在Apple Watch的地图视图中添加自定义地图图钉?

  28. 28

    在Google地图中添加标记-Flutter

  29. 29

    如何在Google地图中添加标记

热门标签

归档