var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
// Add 10 markers in random locations on the map
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i = 0; i < 10; i++) {
var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
map.addOverlay(new GMarker(point));
}
// Add a polyline with five random points. Sort the points by
// longitude so that the line does not intersect itself.
var points = [];
for (var i = 0; i < 5; i++) {
points.push(new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random()));
}
points.sort(function(p1, p2) {
return p1.lng() - p2.lng();
});
map.addOverlay(new GPolyline(points));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(37.4419, -122.1419), 13);
// Add 10 markers in random locations on the map
var bounds = map.getBounds();
var southWest = bounds.getSouthWest();
var northEast = bounds.getNorthEast();
var lngSpan = northEast.lng() - southWest.lng();
var latSpan = northEast.lat() - southWest.lat();
for (var i = 0; i < 10; i++) {
var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random());
map.addOverlay(new GMarker(point));
}
// Add a polyline with five random points. Sort the points by
// longitude so that the line does not intersect itself.
var points = [];
for (var i = 0; i < 5; i++) {
points.push(new GLatLng(southWest.lat() + latSpan * Math.random(),
southWest.lng() + lngSpan * Math.random()));
}
points.sort(function(p1, p2) {
return p1.lng() - p2.lng();
});
map.addOverlay(new GPolyline(points));
이 예제는 무작위로 선택된 10개의 마커와 무작위로 선택된 5개의포인트를 연결한 선을 보여준다. GMarker의 아이콘은 다른 아이콘을 설정하지 않을경우 기본적으로 구글맵아이콘이 사용된다.
익스플러에서 맵위에 오버레이된 선을 보려면 HTML문서에 VML namespace와 CSS를 포함해야한다.
| Method | 설명 |
| getBounds() | 맵의 가장자리 위치를 가져온다. |
| getSouthWest() | getBounds()로 가져온 위치에서 왼쪽아래위치를 가져온다. |
| getNorthEast() | getBounds()로 가져온 위치에서 오른쪽위위치를 가져온다. |
| lng() | 위치정보중 경도정보를 가져온다. |
| lat() | 위치정보중 위도정보를 가져온다. |
| GMarker(point, icon?, inert?) | point에 마커를 표시한다. |
| GPolyline(points, color?, weight?, opacity?) | points배열에 들어있는 위치를 서로 연결한다. |
예제보기
2010년1월어느날..