Mercurial > hgrepos > hgweb.cgi > skipweb
changeset 2378:888de7444b35
icon.html added
| author | FUJIKAWA Kosuke <c111126@g.koeki-u.ac.jp> |
|---|---|
| date | Wed, 05 Nov 2014 18:06:08 +0900 |
| parents | 548fbfd47d22 |
| children | 1f7c02ee7320 |
| files | fujix/icon.html fujix/map.rb fujix/redirect.html minato2014/#account.html# |
| diffstat | 4 files changed, 62 insertions(+), 6 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/fujix/icon.html Wed Nov 05 18:06:08 2014 +0900 @@ -0,0 +1,56 @@ +<html> +<head> +<title>OpenLayers Simplest Example</title> +</head> +<body> +<div id="Map" style="height:600px;"></div> +<script src="http://openlayers.org/api/OpenLayers.js"></script> +<script> + var lon = 139.83643; + var lat = 38.915394; + var zoom = 16; + + var fromProjection = new OpenLayers.Projection("EPSG:4326"); + var toProjection = new OpenLayers.Projection("EPSG:900913"); + var position = new OpenLayers.LonLat(lon, lat).transform( fromProjection, toProjection); + map = new OpenLayers.Map("Map"); + var mapnik = new OpenLayers.Layer.OSM(); + map.addLayer(mapnik); + map.setCenter(position, zoom); + + var popup; + var marker_layer = new OpenLayers.Layer.Markers( "Markers" ); + var size = new OpenLayers.Size(42,50); + var offset = new OpenLayers.Pixel(-(size.w/2), -size.h); + var contentStrings = new Array(); + + var icon_marker = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png',size,offset); + marker = new OpenLayers.Marker(new OpenLayers.LonLat(lon,lat).transform(fromProjection,toProjection), icon_marker); + marker.events.register('mouseover', marker, function(evt) { + popup = new OpenLayers.Popup.FramedCloud("Popup", + new OpenLayers.LonLat(lon,lat).transform( fromProjection, toProjection), + null,"ほげほげ",null,true); + map.addPopup(popup); + }); + marker.events.register('mouseout', marker, function(evt) {popup.hide();}); + marker_layer.addMarker(marker); + + var icon_marker2 = new OpenLayers.Icon('http://www.openlayers.org/dev/img/marker.png',size,offset); + marker2 = new OpenLayers.Marker(new OpenLayers.LonLat(139.83664,38.915955).transform(fromProjection,toProjection), icon_marker2); + marker2.events.register('mouseover', marker2, function(evt) { + popup2 = new OpenLayers.Popup.FramedCloud("Popup2", + new OpenLayers.LonLat(139.83664, 38.915955).transform( fromProjection, toProjection), + null,"fujix",null,true); + map.addPopup(popup2); + }); + //here add mouseout event + marker2.events.register('mouseout', marker2, function(evt) {popup2.hide();}); + + marker_layer.addMarker(marker2); + + map.addLayer(marker_layer); + +</script> +</body> + +</html>
--- a/fujix/map.rb Tue Nov 04 14:58:46 2014 +0900 +++ b/fujix/map.rb Wed Nov 05 18:06:08 2014 +0900 @@ -27,7 +27,7 @@ <script type="text/javascript"> lat = %f lon = %f - var zoom=13 + var zoom=15 var map;
--- a/fujix/redirect.html Tue Nov 04 14:58:46 2014 +0900 +++ b/fujix/redirect.html Wed Nov 05 18:06:08 2014 +0900 @@ -1,6 +1,6 @@ <html> <head> -<title>Ȥ</title> +<title>たいとる</title> </head> <script language="javascript"> time = 2; @@ -22,15 +22,15 @@ switch (error.code) { case error.POSITION_UNAVAILABLE: - message = "־μǤޤǤ"; + message = "位置情報の取得ができませんでした。"; break; case error.PERMISSION_DENIED: - message = "־λѵĤޤǤ"; + message = "位置情報取得の使用許可がされませんでした。"; break; case error.PERMISSION_DENIED_TIMEOUT: - message = "־˥ॢȤޤ"; + message = "位置情報取得中にタイムアウトしました。"; break; } @@ -45,6 +45,6 @@ setTimeout("jumpPage()",time*500) </script> <body> -<p>־ľϿޤ˺ɽޤ</p> +<p>位置情報を取得し直して地図に再表示します</p> </body> </html>
