【问题标题】:Having issues getting custom marker icon to load在加载自定义标记图标时遇到问题
【发布时间】:2014-09-08 18:41:41
【问题描述】:

我无法加载我的自定义标记。我环顾四周,所有网站都说同样的事情,但我无法加载!

我正在使用 iPage 网络托管订阅,并将图像上传到文件管理器(看起来是所有 CSS/HTML、图像等上传和保存的地方)。这是我的地图选项代码:

var map = new google.maps.Map(document.getElementById("map_container"),myOptions);
    var iconImage = '/horseriding.png';
    var marker = new google.maps.Marker({
      position: latlng, 
      map: map,
      icon: iconImage,
      title:"Farm Entrance"
    }); 

这是呼叫不知道图像所在位置的问题吗(文件路径不正确?)?还是这是语法问题?

【问题讨论】:

  • 您写道:“这是呼叫不知道图像所在位置的问题(文件路径不正确)吗?”如果您从 Marker 构造函数中删除图标定义,您会得到默认图标吗?您的图标是否在您的网络服务器的根目录中,您可以从浏览器中的该路径加载它吗?

标签: javascript google-maps google-maps-api-3


【解决方案1】:

看到你的代码后,我看到的唯一错误就是这个

var iconImage = '/horseriding.png';

我认为你的骑马在img folder 内,所以应该是image/horseriding.pngimg/horseriding.png

如果它在你的根文件夹中,它应该是var iconImage= 'horseriding.png';

【讨论】:

  • 两种方法都试过了,还是不行。如果我在浏览器中自己打开图像,它会转到“www.TheWebSiteI'mMaking.com/horseriding.png”。所以理论上你推荐 'var iconImage='horseriding.png';'那么应该工作正确吗?谢谢你的回复!
  • 顺便问一下,骑马的尺寸是多少?如果您只使用标记的图标属性,则图像将裁剪为 64x64 或 32x32(不确定)。
  • 它只是一个 32x37 的图像...我在网上找到了一个地图图标,所以它应该没有问题。
猜你喜欢
  • 1970-01-01
  • 2018-09-12
  • 2016-03-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-04-01
  • 2019-07-17
相关资源
最近更新 更多