自定义谷歌标记

Customising Google Marker

本文关键字:谷歌 自定义      更新时间:2023-09-26

我按照谷歌关于设置标记的教程进行操作,这是我发现的一些奇怪的东西。

完全遵循它们所做的事情很好,但是当我尝试使用数据库中的数据而不是标记内容的硬编码文本字符串时,它不再起作用了。

这是原始代码:

var marker = new google.maps.Marker({
    position: myLatlng,
    title:"Hello World!"
});

这是我拥有的并且不起作用:

var marker = new google.maps.Marker({
    position: myLatlng,
    title: <%= @person.name %>
});

您只需要将 title 属性括在单引号或双引号中:

var marker = new google.maps.Marker({
    position: myLatlng,
    title: '<%= @person.name %>'
});

否则,您获得客户端生成的 JS 可能如下所示:

var marker = new google.maps.Marker({
    position: myLatlng,
    title: Joe Bloggs
});

这是无效的!