본문 바로가기

API

Google Maps 좌표 검색하기

Google Maps Javascript API 좌표 검색하기



Google Maps Key 가 필요합니다.


Google Maps Javascript API V3 버전은 아직~~~! ㅠㅠㅡ




<script language="javascript" type="text/javascript" src="http://maps.google.com/maps?file=api&v=2&key=000000000000000000000000000"></script>



Google Maps javascript



<script type="text/javascript">
var gmarkers = [];
var i = 0;
var left_btn, ringt_btn;
var geo_lat, geo_lng;
var map;
function searchMap(){

	if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map_canvas"));
		var geocoder = new google.maps.ClientGeocoder();
		var name = document.getElementById('location').value; 
		geocoder.getLatLng(name, function(point){
			geocoder.getLocations(point, function(response){
				if (point) {
					place = response.Placemark[0];
					map.setCenter(new GLatLng(point.y, point.x), 5);
					var lmarker = new GMarker(point, {draggable: false});
					map.addOverlay(lmarker);
					lmarker.openInfoWindowHtml("좌표 : " + point + "
" + "지역 : " + place.address); var center = point.y + ", " + point.x; document.google.txtLatitude.value = point.y; document.google.txtLongitude.value = point.x; }else{ alert(name + " 는 검색 되지 않습니다"); } }); }); map.setUIToDefault(); map.setMapType(G_NORMAL_MAP); map.enableScrollWheelZoom(); GEvent.addListener(map, "click", function(removeOverlay, point) { if (point) { geocoder.getLocations(point, function(response){ left_btn = point; place = response.Placemark[0]; var lmarker = new GMarker(point, {draggable: false}); map.addOverlay(lmarker); lmarker.openInfoWindowHtml("좌표 : " + point + "
" + "지역 : " + place.address); var center = point.y + ", " + point.x; document.google.txtLatitude.value = point.y; document.google.txtLongitude.value = point.x; }); } }); } } window.onload = function() { searchMap(); } window.onUnload = function() { GUnload(); }

'API' 카테고리의 다른 글

Google Maps Javascript API V3 (Last updated 2012.04.16)  (1) 2012.08.30
구글 날씨 AP (xml+php)  (0) 2012.07.04