javascript - putting a square or circle image in line path in google maps -
I have created a line-path in Google Maps using javascript and GPS coordinates.
Anybody please tell me how to put a circle or a square at the end of the line-track drawn in Google map.
My code is shown below After You can create one on the given position Start the function () {var center = new google.maps.LatLng (10.012552,76.327043) ; Var myOptions = {zoom: 16, center: Center, MapTypeControl: True, mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, navigationControl: True, mapTypeId: google.maps.MapTypeId.ROADMAP} var map = new Google. Map Map (document.getElementById ("map_canvas"), myOptions); Var polylineCoordinates = [new google.maps.LatLng (10.013566,76.331549), New google.maps.LatLng (10.013566,76.331463), New google.maps.LatLng (10.013503,76.331313), New google.maps.LatLng (10.013482,76.331205 ), new google.maps.LatLng (10.013419,76.330926), new google.maps.LatLng (10.013334,76.330712), new google.maps.LatLng (10.013313,76.330411), new google.maps.LatLng (10.013292,76.330175), new google.maps.LatLng (10.013228,76.329854), new google.maps.LatLng (10.013144,76.329553), new google.maps.LatLng (10.013059,76.329296), new google.maps.LatLng (10.012996,76.329017), new google .maps.LatLng (10.012869,76.328802), new google.maps.LatLng (10.012785,76.328545), new google.maps.LatLng (10.012700,76.328223), new google.maps.LatLng (10.012679,76.328030), new google.maps .LatLng (10.012658,76.327837), new google.maps.LatLng (10.012637,76.327600), new google.maps.LatLng (10.012573,76.327322), new google.maps.LatLng (10.012 552,76.327043),]; Var polyline = new google.maps.Polyline ({path: polyline corridins, stroke color: '# FF 3300', stroke opacity: 2.0, strokeweights: 5, editable: incorrect}); Polyline.setMap (map); } Start ();
polylineCoordinates [polylineCoordinates.length - 1]
Comments
Post a Comment