Comment créer un marqueur avec une icône personnalisée pour google maps API v3?

J'ai lu https://developers.google.com/maps/documentation/javascript/overlays pour un certain temps maintenant et je n'arrive pas à obtenir une icône personnalisée pour mon plan de travail.

Voici mon code 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);
  }
}

Tous les pointeurs pour un débutant complet avec gmaps?

source d'informationauteur andy

  1. 32
    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
  });
  2. 5

    Essayer

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

    à partir d'ici

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

  3. 2

    Symbole que Vous Voulez sur la Couleur que Vous Voulez!

    J'ai été à la recherche pour répondre à cette question pendant des jours et ici c'est le droit et le moyen facile de créer un marqueur personnalisé:

    'http://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=xxx%7c5680FC%7c000000&.png"où xxx est le texte et 5680fc est le code de couleur hexadécimal du fond et de la 000000 est le code de couleur hexadécimal du texte.

    Thèses marqueurs sont totalement dynamique et vous pouvez créer n'importe quel ballon icône que vous souhaitez. Il suffit de changer l'URL.

  4. -4
    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));