使用Rails自定义Google地图标记图标的图片

时间:2016-02-01 15:02:15

标签: javascript ruby-on-rails google-maps google-maps-api-3

Ruby& rails nuby构建我的第一个Rails应用程序之一。这也是我第一次要求Stack Overflow,所以请原谅任何不礼貌的行为(我欢迎有关如何成为更好用户的反馈)。

我正在尝试从我的Rails默认资源路径加载图片,以用作嵌入式Google地图的自定义标记图标。当我只是将图像url存储在变量中并将其设置为我的图标时,我的地图会以图标作为我的标记正确呈现,但图标太大。我使用以下代码执行此操作:

var icon = {
    url: "<%= image_path 'house.png' %>"
    size: new google.maps.Size(20, 20),
    origin: new google.maps.Point(0, 0),
    anchor: new google.maps.Point(0, 20)
};

var marker = new google.maps.Marker({
  position: homeLatLng,
  map: map,
  title: "Andrew's Home",
  icon: icon,
  animation: google.maps.Animation.DROP
});

然而,当我尝试通过将图像保存为具有&#34;尺寸&#34;的javascript对象来重新调整图像大小时根据Google的文档提供的属性

https://developers.google.com/maps/documentation/javascript/examples/icon-complex?hl=en

我收到错误消息:

未捕获的SyntaxError:意外的标识符

以下是我使用的代码:

REPLACE

chrome中的javascript控制台向我显示错误在此行:

尺寸:新google.maps.Size(20,20),

如果我注释掉那一行,我会在下一行(origin:...)上得到相同的错误,然后在下一行(锚点:...)上相同。如果我注释掉所有这三个并仅定义图像的网址,那么我会得到与之前相同的问题,图标加载但图像太大。

我是否打错了,我不明白?

&#34;意外标识符&#34;错误信息实际上意味着什么?

感谢您帮助我完成学习曲线......

安德鲁

0 个答案:

没有答案