Question

是否可以使用本地存储在设备上的图像作为标记图标？我可以使用URL并且它可以工作，但是当我尝试使用本地图像时它将无法加载。我应该如何参考图像？

map.addMarker({
    'position': new plugin.google.maps.LatLng(13.7579507,100.5643353),
    'title': 'Fortune Town',
    'icon': 'img/icon.png'
}, function(marker) {
    marker.showInfoWindow();
});

将Ionic Framework和Cordova与https://github.com/wf9a5m75/phonegap-googlemaps-plugin/

中的Google Maps插件结合使用

已经提到过 Local image for marker icon on Cordova/Phonegap Google Maps Plugin 并尝试icon:"www/img/icon.png"，但这不起作用。

Answer 1

编辑：很抱歉，只是注意到该插件使用的是与谷歌地图网络版的JS API不同的API。因此，这个答案是无效的。我们已成功使用JS Web版Google地图与以下代码进行离子化。

我们使用它，它在我们测试的所有设备上以及浏览器中的ionic serve都能很好地工作。

/www/images是www

的子文件夹

 new google.maps.Marker({
      position: thisPos,
      map: $scope.map,
      title: myRequest.title,
      icon: {
          url: 'images/scaled30-' + myRequest.category + '.png',
          size: new google.maps.Size(34, 63),
          scaledSize: new google.maps.Size(34, 63),
          origin: new google.maps.Point(0, 0),
           // The anchor for this image is the base of the tip at 18,63.
           anchor: new google.maps.Size(17, 63)
      },

      request: myRequest
});

phonegap-googlemaps-plugin in ionic，icon image not working

1 个答案: