<script type="text/javascript">

$(document).ready(

function() {

var latlng = ${routeEnd.beacon_gps};

var myOptions = {

zoom : 17,

center : latlng,

mapTypeId : google.maps.MapTypeId.ROADMAP

}

var map = new google.maps.Map(document

.getElementById("map"), myOptions);


<c:forEach var="rl" items="${routelist }">

var latlngRoute = ${rl.beacon_gps};

var marker = new google.maps.Marker({

position : latlngRoute,

map : map,

title : '${rl.location_outTime}'

});

</c:forEach>

var flightPlanCoordinates = [

<c:forEach var="rl3" items="${routelist }">

${rl3.beacon_gps },

</c:forEach>

                           ];

   var flightPath = new google.maps.Polyline({

                  path: flightPlanCoordinates,

                  geodesic: true,

                  strokeColor: '#FF0000',

                  strokeOpacity: 1.0,

                  strokeWeight: 2

                  });

   

flightPath.setMap(map);

});



</script>

'Computer > JSP Servlet JavaScript' 카테고리의 다른 글

콤보박스(select) Readonly  (0) 2016.03.21
JavaScript GoogleMapAPI 사용하기 예제  (0) 2016.02.16
Javascript Form submit div 지정  (0) 2015.12.07
JSP 에러페이지  (0) 2015.01.21
JSP 액션태그 forward 예제  (0) 2015.01.20

+ Recent posts