¿Cómo se crea un marcador con un ícono personalizado para google maps API v3?

Question

He estado leyendo https://developers.google.com/maps/documentation/javascript/overlays desde hace un tiempo y parece que no puedo obtener un ícono personalizado para que mi mapa funcione.

Aquí es mi 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); 
    } 
} 

Cualquier punteros para un principiante con 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

Trate

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

---

de aquí

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

símbolo deseado en el color que usted quiere!

que estaba buscando esta respuesta por días y aquí está la manera correcta y fácil de crear un marcador personalizado:

'http://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=xxx%7c5680FC%7c000000&.png' donde xxx es el texto y 5680fc es el código hexadecimal del color del fondo y 000000 es el código de color hexadecimal del texto.

Estos marcadores son totalmente dinámicos y puede crear cualquier icono de globo que desee. Solo cambia la URL.