1.

SIMPLE POLYLINES

// This example creates a 2-pixel-wide red polyline showing the path of

// the first trans-Pacific flight between Oakland, CA, and Brisbane,

// Australia which was made by Charles Kingsford Smith.

function initMap() {

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

zoom: 15,

center: {lat: -6.5709354, lng: 107.7610754},

mapTypeId: 'terrain'

});

var flightPlanCoordinates = [

{lat: -6.5769158, lng: 107.7830873},

{lat: -6.577587, lng: 107.782619},

{lat: -6.575520, lng: 107.774015},

{lat: -6.574379, lng: 107.766536},

{lat: -6.574102, lng: 107.764724},

{lat: -6.575477, lng: 107.773854},

{lat: -6.574017, lng: 107.764370},

{lat: -6.571853, lng: 107.759219},

{lat: -6.571534, lng: 107.759015},

{lat: -6.571152, lng: 107.758872},

{lat: -6.570806, lng: 107.759017},

{lat: -6.568197, lng: 107.759885},

{lat: -6.568738, lng: 107.762016},

{lat: -6.562346, lng: 107.767974},

 {lat: -6.560598, lng: 107.764380},

{lat: -6.5609598, lng: 107.7642582}

];

var flightPath = new google.maps.Polyline({

path: flightPlanCoordinates,

geodesic: true,

strokeColor: '#000000',

strokeOpacity: 1.0,

strokeWeight: 2

});

flightPath.setMap(map);

2. REMOVING POLYLINES

// This example adds a UI control allowing users to remove the polyline from the

// map.

var flightPath;

var map;

function initMap() {

map = new google.maps.Map(document.getElementById('map'), {

zoom: 15,

center: {lat: -6.5709354, lng: 107.7610754},

mapTypeId: 'terrain'

});
var flightPathCoordinates = [

{lat: -6.5769158, lng: 107.7830873},

{lat: -6.577587, lng: 107.782619},

{lat: -6.575520, lng: 107.774015},

{lat: -6.574379, lng: 107.766536},

{lat: -6.574102, lng: 107.764724},

{lat: -6.575477, lng: 107.773854},

{lat: -6.574017, lng: 107.764370},

{lat: -6.571853, lng: 107.759219},

{lat: -6.571534, lng: 107.759015},

{lat: -6.571152, lng: 107.758872},

{lat: -6.570806, lng: 107.759017},

{lat: -6.568197, lng: 107.759885},

{lat: -6.568738, lng: 107.762016},

{lat: -6.562346, lng: 107.767974},

{lat: -6.560598, lng: 107.764380},

{lat: -6.5609598, lng: 107.7642582}

];

flightPath = new google.maps.Polyline({

path: flightPathCoordinates,

strokeColor: '#000000',

strokeOpacity: 1.0,

strokeWeight: 2

});
 addLine();

function addLine() {

flightPath.setMap(map);

function removeLine() {

flightPath.setMap(null);