流星:无法自定义谷歌地图的标记

时间:2014-08-04 16:06:46

标签: meteor google-maps-markers

我正在使用meteor进行项目(0.8.2)。在这个项目中,我使用了谷歌地图api。地图的默认标记工作正常,但当我尝试用" image.png"然后图像图标在地图上不可见。对此有何想法?

我的代码:

for (var i = 0, place; place = places[i]; i++) {
      var image = {
      url: 'markerimage.png',// image is in root directory of meteor project.
      size: new google.maps.Size(71, 71),
      origin: new google.maps.Point(0, 0),
      anchor: new google.maps.Point(17, 34),
      scaledSize: new google.maps.Size(35, 35)
      };

      // Create a marker for each place.
      var marker = new google.maps.Marker({
      map: map,
      icon: image,
      title: place.name,
      animation: google.maps.Animation.DROP,
      position: place.geometry.location
      });

      markers.push(marker);

      bounds.extend(place.geometry.location);

    }

1 个答案:

答案 0 :(得分:2)

将您的图片放在项目根目录中名为“public”的目录中。

然后使用“/markerimage.png”

引用您的图像

公共文件夹中的每个文件都作为客户端的静态资产提供,有关详细信息,请参阅文档。