<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 |