API v3 - Label for polygons (not markers)

444 views
Skip to first unread message

Mr BoDangles

unread,
Apr 26, 2012, 5:43:19 AM4/26/12
to Google Maps JavaScript API v3
Hi I'm building tool where i need to display the distance from marker
to marker on each point in a polygon. The distance needs to be
something similar to the link below. Kinda like a css label thing but
it has to be displayed in the middle of each polyline. i.e.
marker1-------------[10meters]-------------------marker2-------------
[12meters]-------marker3. Any ideas? I know the label class is only
for the marker, i need one for a polyline

<<http://www.barattalo.it/examples/ruler.html>>

Many thanks

xelawho

unread,
Apr 29, 2012, 6:02:51 AM4/29/12
to Google Maps JavaScript API v3
if you had an array of latlng's called points (and you loaded the
geometry library and were using ELabels):

for (var i = 0; i < points.length-1; i++) {
var
dist=(google.maps.geometry.spherical.computeDistanceBetween(points[i],points[i
+1])/1000).toFixed(2)
var mid=google.maps.geometry.spherical.interpolate(points[i],points[i
+1],0.5)
var label = new ELabel({
latlng: mid,
label: dist+" km",
opacity: 0,
overlap: true,
clicktarget: false
});
label.setMap(map)
}
}

Fadamaps trente-sept

unread,
Apr 29, 2012, 10:24:20 AM4/29/12
to google-map...@googlegroups.com
Reply all
Reply to author
Forward
0 new messages