1 Google

Size: px

Start display at page:

Download "1 Google"

おきまさいせき
4 years ago
Views:

1 1 Google

2 2

3 (URL) (HTML, ) 3

4 4 Lynx

5 5 NCSA Mosaic Unix, Mac, Windoes

6 6 Firefox Internet Explorer

7 Google 7

8 Google Google 8

9 9 Google

10 10

11 11

12 12

13 13 GIS (Geographical Information System)

14 14 GPS Docomo

15 15

16 16

17 17

18 18

19 19 Google API

20 20 API (Application Programming Interface) API OS OS IT

21 21 public_html public_html HTML index.html HTML /index.html

22 22 Google API Google Maps API Sign up for a Google Maps API key URL ex.

23 Google Google Maps API Google *Gmail yahoo,hotmail, etc. Google 23

24 24 ex.

25 25

26 W.mailer 26

27 27 Google API API URL ex. map.html

28 28 ex.

29 API Body ex. width=600 height=400 29

30 30 Google function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); // map.setcenter(new GLatLng( , ), 13); map.setcenter(new GLatLng(35,135), 7); // map.setcenter(glatlng( ), ) ex. 7 4 (35, 135) (36, 138)

31 GSmallMapControl() GSmallZoomControl() 31 Google var map = new GMap2(document.getElementById("map")); map.setcenter(new GLatLng(35,135), 7); map.addcontrol(new GLargeMapControl());

32 32 Google. var map = new GMap2(document.getElementById("map")); map.setcenter(new GLatLng(35,135), 7); map.addcontrol(new GLargeMapControl()); map.addcontrol(new GMapTypeControl());

33 33 Google. var map = new GMap2(document.getElementById("map")); map.setcenter(new GLatLng(35,135), 7); map.addcontrol(new GLargeMapControl()); map.addcontrol(new GMapTypeControl()); map.addcontrol(new GOverviewMapControl(new GSize(120,80)));

34 34 Google. var map = new GMap2(document.getElementById("map")); map.setcenter(new GLatLng(35,135), 7); map.addcontrol(new GLargeMapControl()); map.addcontrol(new GMapTypeControl()); map.addcontrol(new GOverviewMapControl(new GSize(120,80))); map.addcontrol(new GScaleControl(300));

35 35 Google var map = new GMap2(document.getElementById("map")); GEvent.addListener(map, "moveend", function() { var center = map.getcenter(); document.getelementbyid("message").innerhtml = center.tostring(); }); // I map.setcenter(new GLatLng(35,135), 7); map.addcontrol(new GLargeMapControl()); <body onload="load()" onunload="gunload()"> <div id="map" style="width: 500px; height: 300px"></div> <div id="message"></div> </body> /html>

36 36 Google

AJAX Search API http://www.google.com/uds/solutions/wizards/mapsearch.

37 AJAX Search API Preview center location Google API Key URL. x. Generate Code. 37

38 AJAX Search API 4 ex. map2.html 5. ex. http://www.

38 38 AJAX Search API 4 ex. map2.html 5. ex.

39 39 AJAX Search API ex. Search

40 40 Google

41 Yahoo!

42 42 Google Maps API Google Maps API URL Geek Google Maps API Blog

43 43 (Mash-up) IT API Web MashUp IT

44 Yahoo GPS Flickr

45 Google Maps API Google Maps API Google Maps RIDE on the SKYWAVE ver Tripods - online multiplayer Google Maps game Google Maps Golf Brewster Jennings Protects America: The global spy hunt game. 45

46 46 GeoRSS RSS Really Simple Syndication, RDF Site Summary Web XML GeoRSS IT e-word RSS

47 Google 47

48 Google 48

49 49 Google

50 Google 50

51 51

52 52

53 D 53

54 54

55 55 Google function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.setcenter(new GLatLng(35,135), 7); map.addcontrol(new GLargeMapControl()); map.addcontrol(new GOverviewMapControl(new GSize(120,80))); map.addcontrol(new GScaleControl(300)); GEvent.addListener(map, "mousemove", function(latlng){ p.innerhtml = latlng; }); } } var p = document.getelementbyid("message");

56 Google 56

57 GPS Visualizer 57 Google GPS

58 Google GPS 58

59 59 OpenLayers Ka-Map!

60 60 Google Maps Street View (US )

Microsoft PowerPoint - WMClass_2008July11.ppt

Microsoft PowerPoint - WMClass_2008July11.ppt Googleマップを使ったウェブマッピング入門今日の授業 GoogleマップAPI マッシュアップ Googleアース 1 様々なGoogleサービス 2 Googleマップのページを開くにはもしくは http://maps.google.co.jp/ 3 Googleマップ Googleの地図を用いた検索サービス 4 地図を用いた検索サービス