Draw custom lines for area in google map using Map API

You can achieve from this

function initialize() {

var mapOptions = {

zoom: 5,

center: new google.maps.LatLng(40.214253, -116.967502),

mapTypeId: google.maps.MapTypeId.TERRAIN

};

var map = new google.maps.Map(document.getElementById('map-canvas'),

mapOptions);

var flightPlanCoordinates = [

new google.maps.LatLng(42.002088, -120.043674),

new google.maps.LatLng(41.969423, -114.067111),

new google.maps.LatLng(36.210738, -114.023166),

new google.maps.LatLng(35.103875, -114.682346),

new google.maps.LatLng(38.995416, -119.999728),

new google.maps.LatLng(42.002088, -120.043674)

];

var flightPath = new google.maps.Polyline({

path: flightPlanCoordinates,

geodesic: true,

strokeColor: '#FF0000',

strokeOpacity: 1.0,

strokeWeight: 2

});

flightPath.setMap(map);

}

google.maps.event.addDomListener(window, 'load', initialize);

1 Reply

Know the answer? Post it — somebody with the same question will find it here.