Question

我正在使用我从Codepen获得的一些代码，用于在Goole地图上添加一些指针。

它目前正在使用默认标记但id喜欢将它们更改为我自己的标记，但我不确定在哪里更新代码。任何例子都非常感谢

每个指针都由以下代码放置：

var data = [ // map data
      {
        'id':1,
        'content':'Hello my name is marker, I\'m from Google',
         'position': {
          'lat':55.86423,
         'lng':-4.251
         }
      },
      {
        'id':2,
        'content':'I am the content of this infobox. Wow, what a text.<br><br><a href="#">The good thing is: Tags are also possible</a>',
        'position': {
          'lat':55.874,
          'lng':-4.25
         }
      },
    ]

Answer 1

您应该使用标记的图标属性（google dev reference：https://developers.google.com/maps/documentation/javascript/markers#icons）

var data = [ // map data
{
    'id':1,
    'content':'Hello my name is marker, I\'m from Google',
    'position': {
        'lat':55.86423,
        'lng':-4.251
    },
    'icon': 'youricon.png'
},
{
    'id':2,
    'content':'I am the content of this infobox. Wow, what a text.<br><br><a href="#">The good thing is: Tags are also possible</a>',
    'position': {
        'lat':55.874,
        'lng':-4.25,
    },
    'icon': 'youricon.png'
}]

将数据数组中的新属性图标用于标记

自定义Google地图标记

1 个答案: