So richten Sie das Symbol eines Markers in Google Map aus

In der google-Karte in der Regel der Mitte unten das Bild der Marke ist der lat lng an einen Punkt, den es zu markieren.

Vorstellen, mein marker-Symbol ist ein Kreis, ich möchte die Mitte der es auf der lat-lng des gegebenen Punkt...

Code:

var image_hotspot = 'img/icons/bank_euro.png';
var marker = new google.maps.Marker({
      map: map,
      position: placeLoc,
      icon: image_hotspot
    });

InformationsquelleAutor der Frage illinois | 2012-08-23

  1. 35

    Was Sie brauchen ist ein MarkerImage Objekt, zum Beispiel:

    var markerImage = new google.maps.MarkerImage('img/icons/bank_euro.png',
                new google.maps.Size(30, 30),
                new google.maps.Point(0, 0),
                new google.maps.Point(15, 15));

    Dem der erste parameter ist eine Bild-url an, der zweite Bild-Größe, ist der Dritte Ursprungs-Punkt des Bildes, und die vierte ist die position im Bild, auf die Markierung zeigen soll.
    Wenn Ihre Marke ist ein Kreis, dann legen Sie den vierten parameter auf Mitte des Bildes.
    Und erstellen Sie Ihre Markierung vorbei markerImage zu icon-Eigenschaft:

    var marker = new google.maps.Marker({
  map: map,
  position: placeLoc,
  icon: markerImage
});

    InformationsquelleAutor der Antwort WojtekT

  2. 8

    Aus der docs:

    Konvertieren MarkerImage-Objekte-Typ-Symbol

    var image = new google.maps.MarkerImage(
    place.icon,
    new google.maps.Size(71, 71),
    new google.maps.Point(0, 0),
    new google.maps.Point(17, 34),
    new google.maps.Size(25, 25));

    wird

    var image = {
  url: place.icon,
  size: new google.maps.Size(71, 71),
  origin: new google.maps.Point(0, 0),
  anchor: new google.maps.Point(17, 34),
  scaledSize: new google.maps.Size(25, 25)
};

    https://developers.google.com/maps/documentation/javascript/markers

    InformationsquelleAutor der Antwort Sabino Velasquez

  3. 2

    Mit v3 der google Maps-Sie können /sollten:

    new maps.Marker({
            ...
            icon: {
                url: '.../myimage.png',
                scaledSize: new maps.Size(60, 30),
                anchor: new maps.Point(30, 30),
            },
        });

    https://developers.google.com/maps/documentation/javascript/reference#Icon

    InformationsquelleAutor der Antwort velop

Schreibe einen Kommentar