구글 맵 독도 표기 되도록. 정보
JavaScript 구글 맵 독도 표기 되도록.본문
<script src="https://maps.google.com/maps/api/js?v=3&key=키값&sensor=false®ion=KR"></script>
<script>
function initialize() {
var Y_point = "36.231352"; // lat 값
var X_point = "127.213804"; // lng 값
var zoomLevel = 15; // 첫 로딩시 보일 지도의 확대 레벨
var markerTitle = "좋은산업"; // 현재 위치 마커에 마우스를 올렸을때 나타나는 이름
var markerMaxWidth = 400; // 마커를 클릭했을때 나타나는 말풍선의 최대 크기
var contentString = '<div style="overflow:hidden;">'+markerTitle+'</div>';
var myLatlng = new google.maps.LatLng(Y_point, X_point);
var mapOptions = {
zoom: zoomLevel,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
draggable:true,
animation: google.maps.Animation.DROP,
title: markerTitle
});
var infowindow = new google.maps.InfoWindow({
content: contentString,
maxWidth: markerMaxWidth
});
infowindow.open(map, marker);
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
<div id="map_canvas"style="width:706px; height:393px;border:1px solid #888;"></div>
1
댓글 0개