Jak utworzyć marker z niestandardową ikoną dla Google Maps API v3?

Question

Od jakiegoś czasu czytam teraz https://developers.google.com/maps/documentation/javascript/overlays i nie mogę uzyskać niestandardowej ikony do pracy na mojej mapie.

Oto mój 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); 
    } 
} 

Wszelkie wskazówki dla początkujących kompletne z 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 
    }); 

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

Answer 2

Spróbuj

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

---

stąd

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

symbol, który ma na kolor chcesz!

szukałem tej odpowiedzi przez kilka dni i to jest tutaj prawo i łatwy sposób na stworzenie własnego markera:

„http://chart.googleapis.com/chart?chst=d_map_pin_letter&chld=xxx%7c5680FC%7c000000&.png”, gdzie xxx jest tekst i 5680fc jest kod koloru szesnastkowy tle i 000000 jest szesnastkowym kodem koloru tekstu.

Znaczniki te są całkowicie dynamiczne i można utworzyć dowolną ikonę balonu. Po prostu zmień adres URL.