이 자료실은 공식 자료실에 포함될 예정이며 신규 등록되지 않습니다.
자료를 올려주셨던 분들은 공식 자료실에 다시 올려주시면 매우 감사하겠습니다.
글 수 47
| 라이센스 : | 기타 |
|---|---|
| 기타 라이센스 : | CCL 모두 허용 |
| 적용 버전 : | 정식버전(1.0이후) |
| 프로젝트 URL : |
soo_google_map.zip soo_google_map.tgz
수정1 : 에디터 아이콘 추가
ver0.11 : 주소 검색 여러개일 경우 목록으로 뜨게 수정. 기타 모양 수정 등.
수정5 : 자바스크립트 조금 다듬음
수정4 : 한국어 메세지 모두 언어팩으로 이동(다른 언어 추가시 편리)
수정3 : 구글 지명 검색 기능 추가 (정확한 위치가 안 나오는 것 많음,,)
드래그 해서 위치를 정하고, 드래그 해서 마커 위치를 정하고, 마커에 멘트를 넣을 수 있습니다.
메일로 어떤 분이 구글 지도 컴포넌트를 만들어 달라고 하셔서 올립니다.
사용법은 http://code.google.com/apis/maps/signup.html 에서 API KEY를 발급 받고 에디터 설정창에 입력합니다.
그리고 지도가 처음 위치할 초기 좌표를 설정합니다. 등등 기본 설정을 마치고 에디터를 이용합니다.
soo_google_map.zip파일의 압축을 풀면 soo_google_map폴더가 생성됩니다. 그대로 XE가 설치된 폴더/modules/editor/components 안에 업로드 하세요.
1.0.5이상의 버전에서 xml파일이 정상적입니다.
시험해보고 싶은 분들은 http://www.imsoo.net/guest 에서 실험 해 보시고, 실험했던 글은 지워주시면 되겠습니다.
지도 정보가 잘 나오는 일본 지역을 검색했을때. (한국은 위성 사진이미지 해상도도 좀 낮은 편이네요... 지도 정보는 거의 없고..)

문제가 발생하면 댓글로 자세히 알려주세요.
구글이 한국어 서비스를 시작했으나, http://maps.google.co.kr 에서 보이는 한국 지도와 API상의 지도 내용이 좀 차이가 크네요. 참고하세요.
수정1 : 에디터 아이콘 추가
ver0.11 : 주소 검색 여러개일 경우 목록으로 뜨게 수정. 기타 모양 수정 등.
수정5 : 자바스크립트 조금 다듬음
수정4 : 한국어 메세지 모두 언어팩으로 이동(다른 언어 추가시 편리)
수정3 : 구글 지명 검색 기능 추가 (정확한 위치가 안 나오는 것 많음,,)
드래그 해서 위치를 정하고, 드래그 해서 마커 위치를 정하고, 마커에 멘트를 넣을 수 있습니다.
메일로 어떤 분이 구글 지도 컴포넌트를 만들어 달라고 하셔서 올립니다.
사용법은 http://code.google.com/apis/maps/signup.html 에서 API KEY를 발급 받고 에디터 설정창에 입력합니다.
그리고 지도가 처음 위치할 초기 좌표를 설정합니다. 등등 기본 설정을 마치고 에디터를 이용합니다.
soo_google_map.zip파일의 압축을 풀면 soo_google_map폴더가 생성됩니다. 그대로 XE가 설치된 폴더/modules/editor/components 안에 업로드 하세요.
1.0.5이상의 버전에서 xml파일이 정상적입니다.
시험해보고 싶은 분들은 http://www.imsoo.net/guest 에서 실험 해 보시고, 실험했던 글은 지워주시면 되겠습니다.
지도 정보가 잘 나오는 일본 지역을 검색했을때. (한국은 위성 사진이미지 해상도도 좀 낮은 편이네요... 지도 정보는 거의 없고..)

문제가 발생하면 댓글로 자세히 알려주세요.
구글이 한국어 서비스를 시작했으나, http://maps.google.co.kr 에서 보이는 한국 지도와 API상의 지도 내용이 좀 차이가 크네요. 참고하세요.
구글맵 주소검색달기 소스 예제
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Google Maps JavaScript API Example - simple</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAACO_zOGsvNyiDFOG61ow3xhRZB2YUdDB9YTwZccNrEwMfxR8LYBTanfsHTkLcs6MOoiqydL7TcQBu5A"
type="text/javascript" charset="utf-8"></script>
</head>
<body onload="load()">
<div id="map" style="width:450px; height:400px"></div>
<script type="text/javascript">
//<![CDATA[
var map = null;
var geocoder = null;
// 初期化
// <body onload="load()"> で呼び出されています
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.67431, 139.69082), 13);
// GClientGeocoderを初期化
geocoder = new GClientGeocoder();
}
}
// 「移動する」ボタンを押されると実行されます
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
//]]>
</script>
<form action="#" onsubmit="showAddress(this.address.value); return false">
<P><input type="text" size="40" name="address" value="渋谷区1-1" />
<input type="submit" value="移動する" />
</P>
<div id="map" style="width:500px; height:600px"></div>
</form>
</body>
</html>
사용예제:
Html 편집기로 직접 나타내서 등록은 안되나봐요







http://www.imsoo.net/?mid=guest&rnd=1048#document_1048