47839


cordova でアプリ開発をしています．  
cordova-plugin-googlemaps というプラグインを使用しています．  
マーカーのアイコン画像の変更をしたく，下記のようなコードを書きました．

[code]

    document.addEventListener("deviceready", function() {
    // Get the current device location "without map"
    var option = {
      enableHighAccuracy: true // use GPS as much as possible
    };
    plugin.google.maps.LocationService.getMyLocation(option, function(location) {
    
      // Create a map with the device location
      var mapDiv = document.getElementById('map_canvas');
      var map = plugin.google.maps.Map.getMap(mapDiv, {
        'camera': {
          target: location.latLng,
          zoom: 16
        }
      });
    
    
      // Add a marker
      var marker = map.addMarker({
        'title': 'I am here',
        'position': location.latLng,
        'icon': 'icon.png',
      });
    
      //marker.showInfoWindow();
    
    });
    });
    
[/code]

画像のパスは間違っていないのですが，表示がデフォルトの赤マーカのままです．


CC BY-SA 4.0
2018-08-26T10:02:55.690
47819
2018-08-27T04:06:25.393
29776
question
cordova google-maps
cordova-plugin-googlemaps でマーカ画像の変更ができない


ドキュメントを見ると指定でurlプロパティを持ったオブジェクトにすると良さそうです。

[code]

      // Add a marker
      var marker = map.addMarker({
        'title': 'I am here',
        'position': location.latLng,
        'icon': { 'url': 'icon.png' }
      });
    
[/code]

<https://github.com/mapsplugin/cordova-plugin-googlemaps-
doc/blob/master/v2.3.0/class/Marker/README.md#icon>


CC BY-SA 4.0
2018-08-27T04:06:25.393
47839
2018-08-27T04:06:25.393
298
47819
answer