JavaScript GoogleMapAPI 사용하기 예제

<script type="text/javascript">

$(document).ready(

function() {

var latlng = 중심좌표;

var myOptions = {

zoom : 17,

center : latlng,

mapTypeId : google.maps.MapTypeId.ROADMAP

}

var map = new google.maps.Map(document

.getElementById("map"), myOptions);

var latlngRoute = 좌표좌표좌표;

var marker = new google.maps.Marker({

position : latlngRoute,

map : map,

title : '표시내용'

});

var flightPlanCoordinates = [

이동경로1, 이동경로2 ....

                           ];

   var flightPath = new google.maps.Polyline({

                  path: flightPlanCoordinates,

                  geodesic: true,

                  strokeColor: '#FF0000',

                  strokeOpacity: 1.0,

                  strokeWeight: 2

                  });

   

flightPath.setMap(map);

});

</script>

<div id="map" style="width: 460px; height: 380px;"></div>