javascript谷歌地图标记图标图像更改

时间:2015-12-13 12:43:11

标签: javascript google-maps-markers

我在使用谷歌地图创建的自定义地图中添加标记。添加标记功能我添加了代码,所有标记都显示为默认标记图像。

所以我想让我们改变标记的默认图像,所以我添加了两行

//图像第1行和第2行...请参阅下面的代码

 var image = 'news2.png';    //image line 1

  // create the marker for that place
  var marker = new google.maps.Marker({
   position: myLatlng,
  icon: image,   //image line 2
title: place.place_name + ', '+ place.admin_name1
 });

但添加这两行后标记消失了我不知道为什么。

使用此代码将图像news2.png存储在js目录中,其中存在java脚本文件,上面写着代码

我将图像存储在img目录中,并在//图像行1中使用了img / news.png但仍未显示标记。

我删除了这两行,所有标记都回来了。

请帮助我改变标记图像时所做的错误。感谢

1 个答案:

答案 0 :(得分:0)

  

icon Type: string|Icon|Symbol

     

前景图标。如果提供了一个字符串,则将其视为一个带有字符串为url的Icon。

https://developers.google.com/maps/documentation/javascript/3.exp/reference#MarkerOptions

您是否尝试过使用绝对网址?我不知道API是否支持相对路径。