Google在Android webview上映射v3更改标记图标

时间:2015-01-16 14:12:07

标签: javascript android google-maps-api-3 webview

我的Android应用程序使用webview在其中呈现包含谷歌地图的html页面 html位于资产目录中,地图有效,我可以使用标记显示我的位置 我希望能够根据线程Change marker icon更改标记图标,这是这样做的代码:

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文件夹中创建一个目录并将其中的图标放入其中。 见Picture
正如你所看到的那样,我尝试使用一个目录内的一个目录,并且一旦该图标与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代码。

1 个答案:

答案 0 :(得分:0)

您可以通过以下链接获取可绘制的图像: -

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

只需在你的html页面中写一下。

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