Come si crea un indicatore con un'icona personalizzata per google maps API v3?

Question

Sto leggendo https://developers.google.com/maps/documentation/javascript/overlays per un po 'di tempo e non riesco a ottenere un'icona personalizzata per il funzionamento della mia mappa.

Ecco il mio javascript:

var simplerweb = new google.maps.LatLng(55.977046,-3.197118); 
var marker; 
var map; 

function initialize() { 
    var myOpts = { 
     center: simplerweb, 
     zoom:  15, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOpts); 
    marker = new google.maps.Marker({ 
     map:  map, 
     draggable: true, 
     animation: google.maps.Animation.DROP, 
     position: simplerweb 
    }); 
    google.maps.event.addListener(marker, 'click', toggleBounce); 
} 

function toggleBounce() { 
    if (marker.getAnimation() != null) { 
    marker.setAnimation(null); 
    } else { 
    marker.setAnimation(google.maps.Animation.BOUNCE); 
    } 
} 

Tutti gli indicatori per un principiante completo di Gmaps?

Answer 1

• demo:http://so.devilmaycode.it/how-do-you-create-a-marker-with-a-custom-icon-for-google-maps-api-v3

marker = new google.maps.Marker({ 
    map:map, 
    // draggable:true, 
    // animation: google.maps.Animation.DROP, 
    position: new google.maps.LatLng(59.32522, 18.07002), 
    icon: 'http://cdn.com/my-custom-icon.png' // null = default icon 
    }); 

• NOTA:https://developers.google.com/maps/documentation/javascript/overlays#Icons

Answer 2

Prova

var marker = new google.maps.Marker({ 
     position: map.getCenter(), 
     icon: 'http://imageshack.us/a/img826/9489/x1my.png', 
     map: map 
    }); 

---

da qui

https://developers.google.com/maps/documentation/javascript/examples/marker-symbol-custom

Answer 3

LatLng hello = new LatLng(X, Y);   // whereX & Y are coordinates 

Bitmap icon = BitmapFactory.decodeResource(getApplicationContext().getResources(), 
       R.drawable.university); // where university is the icon name that is used as a marker. 

mMap.addMarker(new MarkerOptions().icon(BitmapDescriptorFactory.fromBitmap(icon)).position(hello).title("Hello World!")); 

mMap.moveCamera(CameraUpdateFactory.newLatLng(hello)); 

Answer 4

simbolo desiderato sul colore che volete!

ero alla ricerca di questa risposta per giorni e qui è il diritto e il modo più semplice per creare un marker personalizzato:

'http://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=xxx%7c5680FC%7c000000&.png' dove xxx è il testo e 5680fc è il codice esadecimale del colore dello sfondo e 000000 è il codice colore esadecimale del testo.

Questi indicatori sono totalmente dinamici e puoi creare qualsiasi icona di palloncino che desideri. Basta cambiare l'URL.