2017-04-07 2 views
-2

Ich versuche, Google Maps Polygon FillColor beim Klicken zu ändern. Hier ist mein Code =>https://jsfiddle.net/nw6j52f6/Ändern Sie das Polygon fillColor mit Javascript (Google Maps)

Und hier ist der problem Teil des Codes. Die Funktion, die Gestaltung von Polygonen ändern sollte:

function polyopt(i) { 
setOptions({ 
    strokeColor: '#FF0000', strokeOpacity: 0.8, 
    strokeWeight: 3, fillColor: '#FF0000', fillOpacity: 0.35 
}); 
} 

aber Konsole Rückkehr diesen Fehler:

map-array.html:56 Uncaught ReferenceError: setOptions is not defined 
at polyopt (map-array.html:56) 
at HTMLInputElement.onclick (map-array.html:69) 

Ich verwende Google Maps API https://developers.google.com/maps/documentation/javascript/reference#PolygonOptions

, aber ich verstehe nicht, warum Die Konsole zeigt diesen Fehler an.

+0

Wo rufen Sie die 'polyopt' Funktion, und was sind vorbei Sie es? – duncan

+0

https://jsfiddle.net/nw6j52f6/ Hier ist der gesamte Code. Ich nenne polyopt Funktion bei 74 Linie

+0

'Onclick = "polyopt()"' - Sie sich nicht über jedes Argument Diese Funktion, mit der Sie herausfinden können, welches Polygon Sie ändern möchten. – duncan

Antwort

0

wenn Sie Polygon i müssen Sie verwenden i.setOptions

function polyopt(i) { 
    i.setOptions({ 
    strokeColor: '#FF0000', strokeOpacity: 0.8, 
    strokeWeight: 3, fillColor: '#FF0000', fillOpacity: 0.35 
}); 
+0

Gleiche Fehler: Uncaught Typeerror: bei HTMLInputElement.onclick (map-array.html: 63) –

+0

scheint, dass nicht definiert haben statt: Kann nicht Eigentum 'setOptions' undefinierter bei polyopt (51 map-array.html) lesen ein gültiges Polygon .. Sie myst übergeben ein gültiges Polygon in var (i) .. überprüfen Sie Code, wo Sie Polygon erstellen und funcion aufrufen – scaisEdge

+0

Ich habe 5 Polygone im Array var layers = []; Schichten [1] = neu google.maps.KmlLayer ({url: 'http://googlemaps.github.io/js-v2-samples/ggeoxml/cta.kml', map: gmap}); Ebenen [2] = neu google.maps.KmlLayer ({URL: 'http: //***.com/testovoo.kml', Karte: null}); –

Verwandte Themen