2016-11-14 2 views
1

ich in Polylinien Grenze um einen Linienzug als die folgende Abbildung gleich hinzufügen: enter image description herehinzufügen Grenze würde Google Maps

Kann ich es tun, ist es möglich? Ich habe das Web nach Lösungen für dieses Problem und nicht so weit suchen.

Antwort

4

Der Trick wäre, zwei Polylinien hinzuzufügen, eine dicke schwarze, die die Grenze tun wird und eine grüne, weniger dick.

Auf diese Weise, weil der grüne über dem schwarzen angezeigt wird, aber die Seiten des schwarzen werden immer noch sichtbar sein, wird es als Grenze fungieren.

Hier ist ein Beispiel des Codes zu veranschaulichen:

var border = new google.maps.Polyline({ 
    path: path, 
    strokeColor: 'black', // border color 
    strokeOpacity: 1.0, 
    strokeWeight: 7 // You can change the border weight here 
}); 

var line = new google.maps.Polyline({ 
    path: path, // /!\ same path 
    strokeColor: 'green', 
    strokeOpacity: 1.0, 
    strokeWeight: 4 
}); 
+0

können Sie mir ein anschauliches Beispiel, Dank im Voraus. – Brk

+0

@Brk Ich habe gerade eine ähnliche Antwort geschrieben. Hier ist ein Beispiel: http://jsfiddle.net/4a87k/651/ – Turnip

+0

Rübe danke für das Arbeitsbeispiel. Ich habe mit einem Beispielcode bearbeitet, aber siehe [Turnip's Geige] (http://jsfiddle.net/4a87k/651/) für ein funktionierendes Beispiel. – nicovank