javascript - drawing a line path in google map with GPS co-ordinates -
Please tell me how to attract a line path in using GPS coordinates can that I retrieved from the database examples of GPS coordinates that I got as shown below know
10.013566,76.331549 10.013566,76.331463 10.013503,76.331313 10.013482,76.331205 10.013419,76.330926 10.013334, 76.330712 10.013313,76.330411 10.013292,76.330175 10.013228,76.329854 10.013144,76.329553 10.013059,76.329296 10.012996,76.329017 10.012869,76.328802 10.012785,76.328545 10.012700,76.328223 10.012679,76.328030 10.012658,76.327837 10.012637,76.3 27600 10.012573,76.327322 10.012552,76.327043 10.012552,76.326807 10.012510,76.326613 10.012447,76.326399 10.012404,76.326227
function initialize () {var center = new google.maps.LatLng (10.012869,76.328802); Var myOptions = {zoom: 18, center: Center, map-type control: True, map type control options: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}, Nevigeshnniyntrn truth, map type IID: google.maps.MapTypeId.HYBRID } Var map = new Google maps.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,76k327043), New google.maps.LatLng (10.012552,76.326807), New google.maps.LatLng (10.0 12510,76.326613), New google.maps.LatLng (10.012447,76.32639 9), New google.maps.LatLng ( 10.012404,76.326227),]; Var polyline = new google.maps.Polyline ({path: polylineCoordinates, strokeColor: '# FF0000', strokeOpacity: 1.0, strokeWeight: 2, editable: true}); Polyline.setMap (map); } Start ();
Comments
Post a Comment