반응형
카카오지도를 많이 애용하는데
여러 기능이있지만
기본적인 틀만 작성해두자
script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=______________"> var map = new daum.maps.Map(container, options); //지도 생성 및 객체 리턴
//var imageSrc = '<?php echo G5_THEME_IMG_URL?>/point.png'; // 마커이미지의 주소입니다
//var imageSrc2 = '../theme/basic/img/point002.png';
//var imageSize = new daum.maps.Size(20, 40), // 마커이미지의 크기입니다
//imageOption = {offset: new daum.maps.Point(20, 40)}; // 마커이미지의 옵션입니다. 마커의 좌표와 일치시킬 이미지 안에서의 좌표를 설정합니다.
var positions = [
{
title: '위치',
latlng: new daum.maps.LatLng(37.508068, 127.023545)
},
];
for (var i = 0; i < positions.length; i ++) {
// 마커 이미지의 이미지 크기 입니다
var imageSize = new daum.maps.Size(25, 35);
// 마커 이미지를 생성합니다
//var markerImage = new daum.maps.MarkerImage(imageSrc, imageSize);
// 마커를 생성합니다
var marker = new daum.maps.Marker({
map: map, // 마커를 표시할 지도
position: positions[i].latlng, // 마커를 표시할 위치
title : positions[i].title, // 마커의 타이틀, 마커에 마우스를 올리면 타이틀이 표시됩니다
//image : markerImage // 마커 이미지
});
}
// 마커가 지도 위에 표시되도록 설정합니다
marker.setMap(map);
// 지도 클릭 막기
kakao.maps.event.addListener(map, 'click', function(mouseEvent) {
return false;
});
</script>/script
티스토리에 스크립트나 php 올리면 왜이렇게 깨지는거같지
728x90
반응형
'프로그래밍 > javascript' 카테고리의 다른 글
| datepicker 간단 적용 (0) | 2020.07.15 |
|---|---|
| input 배열의 모든값 합 구하기 (0) | 2020.07.10 |
| ajax 기본 코드 (0) | 2020.07.09 |
| slick 슬라이더 (0) | 2020.07.09 |
| 회원가입 validate.js 추가 (0) | 2020.07.09 |