Android WebView上的Google Maps v3更改標記圖標

Question

我的Android應用程序使用webview在其中渲染包含google地圖的html頁面。
該html位於資產目錄中，該地圖有效，我可以使用標記顯示我的位置。
我希望能夠更改標記圖標，根據線程更改標記圖標，這是這樣做的代碼：

function initialize() {
var mapOptions = {
  zoom: 4,
  center: new google.maps.LatLng(-33, 151)
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
                            mapOptions);

var image = 'images/beachflag.png';
var myLatLng = new google.maps.LatLng(-33.890542, 151.274856);
var beachMarker = new google.maps.Marker({
  position: myLatLng,
  map: map,
  icon: image
});
}
google.maps.event.addDomListener(window, 'load', initialize);

我嘗試在assests文件夾中創建一個目錄，然后將我的圖標放入其中。 看到圖片 。
如您所見，我嘗試過一次在assests中使用目錄，並且一旦圖標與html位於同一目錄中。 我嘗試了：

var image = 'icons/mylocation.png';
var image = 'mylocation.png';

都沒用。
我如何獲取JavaScript來識別android中的圖標？
我得到了錯誤：

GET file:///android_res/raw/icons/mylocation.png net::ERR_FILE_NOT_FOUND 

我正在使用chrome調試javascript代碼。

Answer 1

您可以通過此鏈接獲取可繪制圖像：-

file:///android_res/drawable/mylocation.png

只需在您的html頁面中寫。

var image = 'file:///android_res/drawable/mylocation.png';