Wie kann ich den anklickbaren Bereich eines Symbols in Google Maps vergrößern?

Question

Wir versuchen, die anklickbare Fläche eines Markers auf einer Google-Karte zu erhöhen. Der Grund, warum wir das tun möchten, ist, dass beim Klicken auf das Symbol manchmal der Ankerpunkt verfehlt wird. Wir möchten die Größe des Symbols lieber nicht reduzieren

Wir nehmen an, dass eine der Eigenschaften der GIcon-Objekte ist, die wir ändern müssen, und haben versucht, die iconAnchor- und infoWindowAnchor-Eigenschaft des GIcon zu ändern, aber das scheint nicht zu funktionieren.

Kann uns jemand in die richtige Richtung weisen?

Answer 1

Ich weiß, es ist schon eine Weile her, aber ich hatte das gleiche Problem, nehmen wir an, dein Icon ist 51 Pixel breit und 32 Pixel hoch:

var baseIcon = new GIcon(G_DEFAULT_ICON);
baseIcon.imageMap = [0,0 , 51,0, 51,32 , 0,32];

Im Grunde gibst du einfach x- und y-Koordinaten ein

Answer 2

Wenn Sie verschiedene Icons haben, ist es eine gute Idee, das ImageMap dynamisch zu erstellen:

function getImgSize(imgSrc) {
   var newImg = new Image();
   newImg.src = imgSrc;
   var height = newImg.height;
   var width = newImg.width;
   return [height,width];
}

var icon = new GIcon(G_DEFAULT_ICON,iconUrl);
var iconSize = getImgSize(iconUrl);
icon.iconSize = new GSize(iconSize[1], iconSize[0]); // Icon-Größe festlegen
icon.imageMap = [0,0, icon.iconSize.width,0, icon.iconSize.width,icon.iconSize.height,0,icon.iconSize.height]; // Klickbereich festlegen
icon.shadowSize = new GSize(0, 0); // Schatten deaktivieren

Answer 3

Verweis: http://code.google.com/apis/maps/documentation/reference.html#GIcon

iconAnchor und infoWindowAnchor setzen fest, wo in dem Bild der tatsächliche Punkt auf der Karte und das Infofenster jeweils befinden.

Wenn Sie einen größeren klickbaren Bereich möchten, können Sie möglicherweise etwas mit der imageMap-Eigenschaft für Nicht-IE machen (Ich habe es noch nie ausprobiert). Ihre beste Option wäre es jedoch, ein benutzerdefiniertes GIcon zu definieren, das ein größeres Bild verwendet (mit transparentem Platz umrandet). Leider ist das ziemlich umständlich - vielleicht weiß jemand anders einen besseren Weg.

Answer 4

Am Ende haben wir die Größe des Bildes reduziert. Wir hatten nicht bemerkt, dass die empfohlene Grafikgröße 19x19 war