구글지도 입니다. 좀 봐주심 감사하겠습니다.
본문
아무리해도 안되네요 view파일에 위치 주소를 표시했으면 하는데 ....
나머지는 정상 작동합니다. 다만 보기에 주소보기/위도/경도를
원래는 위도/경도:latlng 주소보기:formatedAddress 이것을 wr_15 /wr_16 으로 교체했음
교체해도 잘 나옵니다.
wr_15 /wr_16 이 부분이 나타나지 않습니다. 고수님 좀...;;
글쓰기 부분 코드 (구글 지도) (write)
--------생략--------
<table align="center" cellpadding="0" cellspacing="0" width="100%">
<tr><td>지도<br>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=ko"></script>
<?
if ($write['wr_12']=='') $write['wr_12']='35.207327';
if ($write['wr_13']=='') $write['wr_13']='129.000475';
?>
<script type="text/javascript">
// 구글지도
var map;
var geocoder;
var centerChangedLast;
var reverseGeocodedLast;
var currentReverseGeocodeResponse;
function initialize() {
var wr_16 = new google.maps.LatLng(<?=$write['wr_12']?>, <?=$write['wr_13']?>);
var myOptions = {
zoom: 17,
scaleControl: true,
center: wr_16,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
geocoder = new google.maps.Geocoder();
// 리스너 Listener ////////////////////////////////////////////////////
google.maps.event.addListener(map, 'zoom_changed', function() {
document.getElementById("zoom_level").innerHTML = map.getZoom();
zoomLevel = map.getZoom();
if (zoomLevel > 19) {
map.setZoom(19);
}
if (zoomLevel < 1) {
map.setZoom(1);
}
});
setupEvents();
centerChanged();
}
function setupEvents() {
reverseGeocodedLast = new Date();
centerChangedLast = new Date();
setInterval(function() {
if((new Date()).getSeconds() - centerChangedLast.getSeconds() > 1) {
if(reverseGeocodedLast.getTime() < centerChangedLast.getTime())
reverseGeocode();
}
}, 1000);
google.maps.event.addListener(map, 'center_changed', centerChanged);
google.maps.event.addDomListener(document.getElementById('crosshair'),'dblclick', function() {
map.setZoom(map.getZoom() + 1);
});
}
function getCenterLatLngText() {
var nn = 1000000;
var tmpLat = Math.round(map.getCenter().lat()*nn)/nn;
var tmpLng = Math.round(map.getCenter().lng()*nn)/nn;
document.fwrite.wr_12.value = tmpLat;
document.fwrite.wr_13.value = tmpLng;
return tmpLat +', '+ tmpLng;
}
function centerChanged() {
centerChangedLast = new Date();
var wr_16 = getCenterLatLngText();
document.getElementById('wr_16').innerHTML = wr_16;
document.getElementById('wr_15').innerHTML = wr_15;
currentReverseGeocodeResponse = null;
}
function reverseGeocode() {
reverseGeocodedLast = new Date();
geocoder.geocode({latLng:map.getCenter()},reverseGeocodeResult);
}
function reverseGeocodeResult(results, status) {
currentReverseGeocodeResponse = results;
if(status == 'OK') {
if(results.length == 0) {
document.getElementById('wr_15').innerHTML = 'None';
} else {
document.getElementById('wr_15').innerHTML = results[0].formatted_address;
}
} else {
document.getElementById('wr_15').innerHTML = 'Error';
}
}
function geocode() {
var address = document.getElementById("address").value;
geocoder.geocode({
'address': address,
'partialmatch': true}, geocodeResult);
}
function geocodeResult(results, status) {
if (status == 'OK' && results.length > 0) {
map.fitBounds(results[0].geometry.viewport);
} else {
alert("Info: " + status);
}
}
</script><br>
간단주소: <input type="text" id="address" size="15" onKeyDown="if(event.keyCode==13){geocode();}" / style="font-size:18; color:white; background-color:blue; margin:1px; border-width:1px; border-color:red; border-style:solid;">
<input type="button" style = "font-family:돋움; font-weight:bold; font-size:17px; color:white; background-color:blue; margin:1px; padding:1px; border-width:1px; border-color:red; border-style:solid; cursor: pointer;" value=" 검색 " onclick="geocode()">
</div>
<div id="map">
<div id="map_canvas" style="width:<?=$map_width?>px; height:<?=$map_height?>px;"></div>
<div id="crosshair"></div>
<br>
위도/경도:<div INPUT id="wr_16" size=20 name="wr_16" value="<?php echo $wr_16 ?>" readonly style="font-family:돋움; font-size:17px; background-color:white; margin:1px; padding:1px; border-width:2px; border-color:blue; border-style:dashed;"></div>
주소보기:<div INPUT id="wr_15"size=20 name="wr_15" value="<?php echo $wr_15 ?>" readonly style="font-family:돋움; font-size:17px; background-color:white; margin:1px; padding:1px; border-width:2px; border-color:blue; border-style:dashed;"></div>
</div></td></tr></table>
보기 부분 파일 (view)
<div id="map_canvas" style="width:<?=$map_width?>px; height:<?=$map_height?>px;"></div>
위치주소:<?php echo $view['wr_15'] ?>위도/경도:<?php echo $view['wr_16'] ?>
답변 3
wr_11 부터 ~ wr_16 까지 정상적으로 필드를 추가 하시고,
update 문도 확실히 작성하셨나요 ?
위도/경도:<div INPUT id="wr_16" size=20 name="wr_16" value="<?php echo $wr_16 ?>" readonly style="font-family:돋움; font-size:17px; background-color:white; margin:1px; padding:1px; border-width:2px; border-color:blue; border-style:dashed;"></div>
주소보기:<div INPUT id="wr_15"size=20 name="wr_15" value="<?php echo $wr_15 ?>" readonly style="font-family:돋움; font-size:17px; background-color:white; margin:1px; padding:1px; border-width:2px; border-color:blue; border-style:dashed;"></div>
여기는 글쓰기 부분인것 같은데요
wr_16이 readonly
입력은 어떻게 받으시나요 ?
<div id="wr_15" size=20 name="wr_15" onkeyup=c() value="<?php echo $wr_15; ?>" readonly style="font-family:돋움; font-size:17px; background-color:white; margin:1px; padding:1px; border-width:2px; border-color:blue; border-style:dashed;"></div>
<SCRIPT language=JavaScript>function c(){
document.getElementById('wr_18').value = document.getElementById('wr_15').value;
}
</SCRIPT>
이것 <INPUT id=wr_18 onkeyup=c() name=wr_18>
에서 wr_18 - wr_15가 자체가 좀 이상하네여