오늘 :
912 / 6,283
어제 :
3,548 / 100,494
전체 :
7,618,151 / 242,363,337

Open API 공부

Naver, Daum, Google Open API

cyber
추천 수 : 8 / 0
조회 수 : 16619
2007.11.30 (12:14:51)


http://www.subkorea.com/api/google/MapsAPI/marker-drag.htm클릭시 마크표시 및 풍선 도움말 표시

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example: Marker Drag Events</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=abc...xyz"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        var center = new GLatLng(37.4419, -122.1419);
        map.setCenter(center, 13);

        var marker = new GMarker(center, {draggable: true});

        GEvent.addListener(marker, "dragstart", function() {
          map.closeInfoWindow();
        });

        GEvent.addListener(marker, "dragend", function() {
          marker.openInfoWindowHtml("Just bouncing along...");
        });

        map.addOverlay(marker);

      }
    }
    </script>
  </head>

  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 300px"></div>
  </body>
</html>

번호 제목 닉네임 등록일 조회 추천
22 icon-custom 첨부 파일
cyber
2007-11-30 16498 8
21 icon-simple 첨부 파일
cyber
2007-11-30 14721 14
Selected marker-drag 첨부 파일
cyber
2007-11-30 16619 8
19 marker-simple 첨부 파일
cyber
2007-11-30 16196 10
18 control-localsearch 첨부 파일
cyber
2007-11-30 19940 4
17 control-custom 첨부 파일
cyber
2007-11-30 16630 11
16 control-positioning 첨부 파일
cyber
2007-11-30 18872 11
15 control-simple 첨부 파일
cyber
2007-11-30 17044 17
14 event-mouseover 첨부 파일
cyber
2007-11-30 16655 15
13 event-removal 첨부 파일
cyber
2007-11-30 16275 16
Tag List