본문으로 바로가기

구글 지도 api 사용하기(jQuery)

category Altoran 2015.05.12 11:03
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://jquery-ui-map.googlecode.com/svn/trunk/ui/jquery.ui.map.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script type="text/javascript">
$(function() {
	var pos = content = "";
	$("#googleMap").gmap().bind("init", function(ev, map) {
		pos = "37.4443913, 126.797949";
		content = "테스트";
		$("#googleMap").gmap("addMarker", {"position":pos, "bounds":true}).click(function() {
			$("#googleMap").gmap("openInfoWindow", {"content":content}, this);
		});
	});
});
</script>

<style type="text/css">
#googleMap {
	width:800px;
	height:400px;
}
</style>
<div id="googleMap"></div>

[Sample]

저작자 표시 비영리
신고

댓글을 달아 주세요