스크립트 부분입니다.
place_search.html
map.js
var container = document.getElementById(‘map’);
var map;
var optioins = null;
var latitude;
var longitude;
var marker;
var staticMap;
var markerPosition;
//opener.$(’#imp img[data=map-default]’).hide();
function setMap(x, y){
latitude = x;
longitude = y;
if(optioins == null){
options = {
center: new daum.maps.LatLng(latitude,longitude);,
level: 3,
//draggable : false,
//disableDoubleClick: false,
//disableDoubleClickZoom: false
};
map = new daum.maps.Map(container, options);
}
else{
setCenter()
}
setMarker();
$('#map').css({'background-color' : ''});
}
function setCenter() {
// 이동할 위도 경도 위치를 생성합니다
var moveLatLon = new daum.maps.LatLng(latitude, longitude);
// 지도 중심을 이동 시킵니다
map.setCenter(moveLatLon);
}
function setMarker(){
// 마커가 표시될 위치입니다
markerPosition = new daum.maps.LatLng(latitude, longitude);
// 마커를 생성합니다
marker = new daum.maps.Marker({
position: markerPosition
});
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
}
// 버튼 클릭에 따라 지도 이동 기능을 막거나 풀고 싶은 경우에는 map.setDraggable 함수를 사용합니다
function setDraggable(draggable) {
// 마우스 드래그로 지도 이동 가능여부를 설정합니다
map.setDraggable(draggable);
}
function setDraggable(draggable){
marker.setDraggable(draggable);
}
function createImageMap(latitude, longitude){
// 이미지 지도에서 마커가 표시될 위치입니다
var markerPosition = new daum.maps.LatLng(latitude, longitude);
// console.log(markerPosition);
// 이미지 지도에 표시할 마커입니다
// 이미지 지도에 표시할 마커는 Object 형태입니다
var marker = {
position: markerPosition
};
var staticMapContainer = $('[data-mode=map]')[0], // 이미지 지도를 표시할 div
staticMapOption = {
center: new daum.maps.LatLng(latitude, longitude), // 이미지 지도의 중심좌표
level: 3, // 이미지 지도의 확대 레벨
marker: marker // 이미지 지도에 표시할 마커
};
현재 오류는
Failed to load resource: the server responded with a status of 401 (Unauthorized)
Uncaught ReferenceError: daum is not defined
: center: new daum.maps.LatLng(latitude, longitude),
setMap(obj.attr(‘latitude’), obj.attr(‘longitude’));
setMapSetting($(this));
이렇게 나는데 잘 모르겠네요ㅜㅜ