2

Size: px

Start display at page:

Download "2"

たつぞうはにうだ
9 years ago
Views:

1 1

2 2

3 VICS G***** 3

4 4

5 5

6 WebAPI HTTP 6

7 7

8 8

9 9

10 10

11 11

12 12

13 13

14 14

15 15

16 16

17 17

18 18

19 19

20 YOLP AppID hacku_test 20

21 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script charset="utf-8" src=" appid]"></script> <script> window.onload = function() { // }; </script> </head> <body> </body> </html> AppID pi/map/openlocalplatform/v1/js/ URL yjdn jsapi <div id="map" style="width:800px; height:500px;"></div> URL

22 window.onload = function() { var latlng = new Y.LatLng(35,135); // var map = new Y.Map("map"); map.drawmap(latlng); }; div id 22

23 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // map.setconfigure('scrollwheelzoom', true); }; Tips 1. Y! URL &lat= &lon= & API API 23

24 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // map.setconfigure('scrollwheelzoom', true); // map.addcontrol(new Y.LayerSetControl()); map.addcontrol(new Y.SliderZoomControlVertical()); map.addcontrol(new Y.ScaleControl()); map.addcontrol(new Y.CenterMarkControl()); }; 24

25 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // var marker = new Y.Marker(new Y.LatLng( , )); // marker.bindinfowindow( <u> </u><br /> 2 "); // map.addfeature(marker); }; 25

26 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // var style = new Y.Style("ff0000", 15, 0.75, null, "arrow"); var latlngs = [ new Y.LatLng( , ), new Y.LatLng( , ) ]; // var line = new Y.Polyline(latlngs,{"strokeStyle":style}); // map.addfeature(line); }; 26

27 window.onload = function() { var latlng = new Y.LatLng( , ); // var map = new Y.Map("map"); map.drawmap(latlng,15); // map.bind("click",function(p) { alert(" "+p.tostring()); }); map.bind("moveend",function() { var center = map.getcenter(); alert(" "+center.tostring()); }); }; 27

28 window.onload = function() { var latlng = new Y.LatLng( , ); var map = new Y.Map("map"); map.drawmap(latlng,15); map.bind("moveend",function() { var center = map.getcenter(); var cid = "d115e2a62c8f28cb03a493dc407fa03f,8cfa8ed3d825ba896fa8d 7cffd28cd67"; var searchoption = { "lat": center.lat(), "lon": center.lng(), "dist": 5, "sort": "dist" }; var localsearch = new Y.LocalSearch(); localsearch.search("", cid, searchoption, function(ydf) { map.clearfeatures(); map.addfeatures(ydf.features); } ); }); }; 1. API 2. ID cid 3. ID API

29 window.onload = function() { var latlng = new Y.LatLng( , ); var map = new Y.Map("map"); map.drawmap(latlng,15); // var rlayer = new Y.RouteSearchLayer(); map.addlayer(rlayer); map.bind("moveend",function() { var center = map.getcenter(); var cid = "d115e2a62c8f28cb03a493dc407fa03f,8cfa8ed3d825ba896fa8d7cffd28cd67"; var searchoption = { "lat": center.lat(), "lon": center.lng(), "dist": 5, "sort": "dist" }; var localsearch = new Y.LocalSearch(); localsearch.search("", cid, searchoption, function(ydf) { map.clearfeatures(); map.addfeatures(ydf.features); // var nearestfeature = ydf.features[0]; rlayer.execute( [center,nearestfeature.getlatlng()], //, {"usecar":false} ); }); }); }; 29

30 CodeZine YOLP - THE END - 30

32 VICS G***** 32

コンピュータサイエンス 4. ウェブプログラミング

コンピュータサイエンス 4. ウェブプログラミング 4. Chris Plaintail 2014 1 / 43 1 HTML CSS 2 JavaScript DOM jquery 3 4 PHP SQL PHP SQL 2 / 43 HTML HTML CSS HTML Ajax (Asynchronous JavaScript + XML) PHP SQL 3 / 43 HTML, CSS http, https CSS HTML CSS.html