Local image for marker icon on Cordova/Phonegap Google Maps Plugin

Question

Is it possible to use an image locally store on the device as the marker icon? I can use a URL and it works, but when I try to use a local image it won't load. How should I reference the image? This is a multiplatform application so I can't use device specific paths like Android file:///android:asset/

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

I am using Ionic Framework (which uses AngularJS) and Apache Cordova with the Google Maps plugin from https://github.com/wf9a5m75/phonegap-googlemaps-plugin/

Thanks but I already tried many different paths :-( This is in the www/js and the icon is in www/templates, that's the reason for the '..', it should be like this, shouldn't it? — momo, Oct 27 '14 at 03:55
Try this link----http://stackoverflow.com/questions/24144265/how-to-use-relative-path-in-angular-google-maps-directives — cfprabhu, Oct 27 '14 at 06:37
Thanks @prabhu The marker loads fine, it's just the local image that won't load (will show default icon). The link is interesting but doesn't apply because I am not using the the HTML based map, all my map code is in the controller and nothing on the HTML. — momo, Oct 27 '14 at 06:42

score 12 · Accepted Answer · answered Oct 27 '14 at 11:04

12

It doesn't make too much sense but this is what worked:

'icon': 'www/templates/icon2.png'

answered Oct 27 '14 at 11:04

momo

3,404
6
37
66

3

Hi momo, thank you for using my plugin. Yes, this is correct answer for this plugin. https://github.com/wf9a5m75/phonegap-googlemaps-plugin/wiki/Marker#simple-icon – wf9a5m75 Oct 27 '14 at 16:14
Hey, thanks to you for writing the plugin, Katsumata :-) I could use a longer documentation though ;-P – momo Oct 28 '14 at 02:31

score 0 · Answer 2 · edited May 23 '17 at 11:54

0

Use a storage plugin, like Cordova Storage, and pull it from there, or a local database. http://docs.phonegap.com/en/1.2.0/phonegap_storage_storage.md.html Capturing and storing a picture taken with the Camera into a local database / PhoneGap / Cordova / iOS

edited May 23 '17 at 11:54

Community

1
1

answered Oct 27 '14 at 06:54

Olivercodes

1,048
5
17

Local image for marker icon on Cordova/Phonegap Google Maps Plugin

2 Answers2

Linked