오늘 :
9,205 / 83,522
어제 :
18,162 / 260,388
전체 :
20,091,753 / 275,772,650

Open API 공부

Naver, Daum, Google Open API

cyber
추천 수 : 14 / 0
조회 수 : 15962
2007.11.30 (12:27:04)


http://www.subkorea.com/api/google/MapsAPI/icon-simple.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: Simple Icon</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"));
        map.setCenter(new GLatLng(37.4419, -122.1419), 13);
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());

        // Create our "tiny" marker icon
        var blueIcon = new GIcon(G_DEFAULT_ICON);
        blueIcon.image = "http://gmaps-samples.googlecode.com/svn/trunk/markers/blue/blank.png";
                
                // Set up our GMarkerOptions object
                markerOptions = { icon:blueIcon };

        // Add 10 markers to the map at random locations
        var bounds = map.getBounds();
        var southWest = bounds.getSouthWest();
        var northEast = bounds.getNorthEast();
        var lngSpan = northEast.lng() - southWest.lng();
        var latSpan = northEast.lat() - southWest.lat();
        for (var i = 0; i < 10; i++) {
          var latlng = new GLatLng(southWest.lat() + latSpan * Math.random(),
                                  southWest.lng() + lngSpan * Math.random());
          map.addOverlay(new GMarker(latlng, markerOptions));
        }
      }
    }

    </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 17755 8
Selected icon-simple 첨부 파일
cyber
2007-11-30 15962 14
20 marker-drag 첨부 파일
cyber
2007-11-30 17979 8
19 marker-simple 첨부 파일
cyber
2007-11-30 17442 10
18 control-localsearch 첨부 파일
cyber
2007-11-30 21392 4
17 control-custom 첨부 파일
cyber
2007-11-30 17993 11
16 control-positioning 첨부 파일
cyber
2007-11-30 20060 11
15 control-simple 첨부 파일
cyber
2007-11-30 18159 17
14 event-mouseover 첨부 파일
cyber
2007-11-30 17887 15
13 event-removal 첨부 파일
cyber
2007-11-30 17467 16
Tag List