I installed this widget and it seems like its different from the Google Map API where you edit it all in the JS. I wanna try to have a custom markers using 2amigos google map extension.
This is what I have learned from Google Maps Docu
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: new google.maps.LatLng(14.529133, 121.021747),
mapTypeId: 'roadmap'
});
var iconBase = 'https://maps.google.com/mapfiles/kml/shapes/';
var testIcon = 'http://maps.google.com/mapfiles/kml/paddle/';
var icons = {
library: {
icon: iconBase + 'library_maps.png'
},
parking: {
icon: iconBase + 'parking_lot_maps.png'
},
info: {
icon: iconBase + 'info-i_maps.png'
},
evac: {
icon: iconBase + 'ranger_station.png'
},
warehouse: {
icon: iconBase + 'truck.png'
}
};
var features = [
{
position: new google.maps.LatLng(14.529133, 121.021747),
type: 'evac'
},
{
position: new google.maps.LatLng(14.557118, 121.064908),
type: 'evac'
},
{
position: new google.maps.LatLng(14.516798, 121.021070),
type: 'warehouse'
},
{
position: new google.maps.LatLng(14.529109, 121.070576),
type: 'warehouse'
}
];
// Create markers.
features.forEach(function(feature) {
var marker = new google.maps.Marker({
position: feature.position,
icon: icons[feature.type].icon,
map: map
});
});
}
And its different from the extension how do I set Custom Markers in 2amigos widget?