Home
Run >
<!DOCTYPE html> <html> <head> <!-- www.techstrikers.com --> <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> <meta charset="utf-8"> <title>Add Complex Simple Polylines</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #map { height: 99%; width: 99%; } </style> <script async defer src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap"></script> <script> function initMap() { var lat_lng = {lat: 22.08672, lng: 79.42444}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 6, center: lat_lng, mapTypeId: google.maps.MapTypeId.TERRAIN }); var triangle_coordinates= [{lat:25.70093788144426, lng:73.85009765625}, {lat:22.411028521558702, lng:74.1357421875}, {lat:21.43261686447735, lng:76.640625}, {lat:19.580493479202527, lng:75.65185546875}, {lat:19.49766416813905, lng:80.00244140625}, {lat:21.47351753334985, lng:82.15576171875}, {lat:24.16680208530324, lng:82.2216796875}, {lat:25.99754991957211, lng:83.671875}, {lat:27.235094607795503, lng:81.03515625}, {lat:26.03704188651584, lng:79.98046875}, {lat:24.387127324604496, lng:80.17822265625}, {lat:24.146753594703075, lng:76.9482421875}, {lat:25.46311452925943, lng:78.64013671875}, {lat:26.175158990178133, lng:76.7724609375}, {lat:25.681137335685307, lng:73.80615234375}]; var draw_polyline = new google.maps.Polyline({ path: triangle_coordinates, geodesic: false, strokeColor: '#FF0000', strokeOpacity: 2.0, strokeWeight: 3 }); draw_polyline.setMap(map); } </script> </head> <body> <div id="map"></div> </body> </html>