Skip to content

Commit

Permalink
add 'change tile layer for the basemap' demo (#139)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ryotayamanaka
ryotayamanaka committed Dec 14, 2020
1 parent 14fa8a1 commit 14146c4
Show file tree
Hide file tree
Showing 10 changed files with 2,051 additions and 1,658 deletions.
35 changes: 35 additions & 0 deletions spatial/mvc-map-api/demos/h/change_tilelayers.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
<!DOCTYPE html>
<html>
<head>
<title>Demo: Change tile layers</title>
<link rel="stylesheet" type="text/css" href="../css/a.css">
<script type="text/javascript" src="../../jquery/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#navigation").load("shared_links.html");

$('.map_iframe').css('height', $('#content').height()*0.8+'px');
$('.map_iframe').css('width', $('#content').width()+'px');
});
</script>
</head>
<body>
<span class="header"><img src="../css/images/oracle.png"> Maps API Demos</span>
<hr class="oj-hr">

<div id="container">
<div id="navigation"></div>
<div id="content" class="panel">
<table>
<tr>
<td>
<iframe src="../u/change_tilelayers.html" class="map_iframe" height="950" frameborder="0" scrolling="no" marginheight="0" marginwidth="0"> </iframe>
</td>
</tr>
</table>
</div>
<div class="clear" style="height:1px">
</div>
</div>
</body>
</html>
164 changes: 84 additions & 80 deletions spatial/mvc-map-api/demos/h/shared_links.html
View file
Original file line number Diff line number Diff line change
@@ -1,80 +1,84 @@
<!DOCTYPE html>
<html>
<hr>
<table width="90%">
<tr>
<td><span><A href="tileLayer.html">Oracle Maps</A></span></td>
<td><A target="_blank" href="../u/tileLayer.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_custom.html">Custom Tile Layer</A></span></td>
<td><A target="_blank" href="../u/tileLayer_custom.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_offline.html">Offline Tile Layer</A></span></td>
<td><A target="_blank" href="../u/tileLayer_offline.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_here.html">HERE Maps</A></span></td>
<td><A target="_blank" href="../u/tileLayer_here.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_osm.html">OSM Maps</A></span></td>
<td><A target="_blank" href="../u/tileLayer_osm.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">

<tr>
<td><span><A href="jdbc_states_labels.html">Vector Layer (JDBC)</A></span></td>
<td><A target="_blank" href="../u/jdbc_states_labels.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>

<tr>
<td><span> <A href="datapack.html">Vector Layer (DATAPACK)</A></span></td>
<td><A target="_blank" href="../u/datapack.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>

<tr>
<td><span> <A href="styleBinding2.html">Vector Layer Style Binding</A></span></td>
<td><A target="_blank" href="../u/styleBinding2.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span> <A href="state_county_drilldown.html">Vector Layer Drill Down</A></span></td>
<td><A target="_blank" href="../u/state_county_drilldown.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span> <A href="alta_peak_trail.html">Alta Peak Trail</A></span></td>
<td><A target="_blank" href="../u/alta_peak_trail.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">
<tr>
<td><span><A href="dtl_jdbc.html">Dynamic Tile Layer</A></span></td>
<td><A target="_blank" href="../u/dtl_jdbc.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">
<tr>
<td><span><A href="geom_edit.html">Geometry Editing</A></span></td>
<td><A target="_blank" href="../u/geom_edit.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">

</table>


</html>
<!DOCTYPE html>
<html>
<hr>
<table width="90%">
<tr>
<td><span><A href="tileLayer.html">Oracle Maps</A></span></td>
<td><A target="_blank" href="../u/tileLayer.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_custom.html">Custom Tile Layer</A></span></td>
<td><A target="_blank" href="../u/tileLayer_custom.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_offline.html">Offline Tile Layer</A></span></td>
<td><A target="_blank" href="../u/tileLayer_offline.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_here.html">HERE Maps</A></span></td>
<td><A target="_blank" href="../u/tileLayer_here.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="tileLayer_osm.html">OSM Maps</A></span></td>
<td><A target="_blank" href="../u/tileLayer_osm.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">

<tr>
<td><span><A href="jdbc_states_labels.html">Vector Layer (JDBC)</A></span></td>
<td><A target="_blank" href="../u/jdbc_states_labels.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>

<tr>
<td><span> <A href="datapack.html">Vector Layer (DATAPACK)</A></span></td>
<td><A target="_blank" href="../u/datapack.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>

<tr>
<td><span> <A href="styleBinding2.html">Vector Layer Style Binding</A></span></td>
<td><A target="_blank" href="../u/styleBinding2.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span> <A href="state_county_drilldown.html">Vector Layer Drill Down</A></span></td>
<td><A target="_blank" href="../u/state_county_drilldown.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span> <A href="alta_peak_trail.html">Alta Peak Trail</A></span></td>
<td><A target="_blank" href="../u/alta_peak_trail.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">
<tr>
<td><span><A href="dtl_jdbc.html">Dynamic Tile Layer</A></span></td>
<td><A target="_blank" href="../u/dtl_jdbc.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">
<tr>
<td><span><A href="geom_edit.html">Geometry Editing</A></span></td>
<td><A target="_blank" href="../u/geom_edit.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
<tr>
<td><span><A href="change_tilelayers.html">Change Tile Layers</A></span></td>
<td><A target="_blank" href="../u/change_tilelayers.html"><img src="../css/images/htmlfile_16.png"></A></td>
</tr>
</table>

<hr>

<table width="90%">

</table>


</html>
38 changes: 19 additions & 19 deletions spatial/mvc-map-api/demos/u/alta_peak_trail.html
View file
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<title>Map API Demo: Alta Peak Trail</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script language="JavaScript" src="https://elocation.oracle.com/mapviewer/jslib/v19.1/oraclemapsv2.js"></script>
<script type="text/javascript" src="js/alta_peak_trail.js"></script>
<script type="text/javascript">
OM.gv.setResourcePath("https://elocation.oracle.com/mapviewer/jslib/v19.1");
$(document).ready( function(){
showMap();
});
</script>
</head>
<body>
<div id="map" style=" position: absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;"></div>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Map API Demo: Alta Peak Trail</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script language="JavaScript" src="https://elocation.oracle.com/mapviewer/jslib/v19.1/oraclemapsv2.js"></script>
<script type="text/javascript" src="js/alta_peak_trail.js"></script>
<script type="text/javascript">
OM.gv.setResourcePath("https://elocation.oracle.com/mapviewer/jslib/v19.1");
$(document).ready( function(){
showMap();
});
</script>
</head>
<body>
<div id="map" style=" position: absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden;"></div>
</body>
</html>
68 changes: 68 additions & 0 deletions spatial/mvc-map-api/demos/u/change_tilelayers.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<title>Map API Demo: Change Tile Layers</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<script type="text/javascript" src="https://elocation.oracle.com/mapviewer/jslib/v2.3/oraclemapsv2.js"></script>
<script type="text/javascript" src="js/change_tilelayers.js"></script>
<script type="text/javascript">
$(document).ready( function(){
showMap();
});
</script>
</head>
<body>
<div style=" position: absolute; left:0px; top:0px; width:100%; height:800px; overflow:hidden;">
<table style="width:100%">
<tr>
<td width="100%">
<div id="map" style="width:100%;height:600px"></div>
</td>
</tr>
<tr>
<td height="20%">
<!--a nested table-->
<table style="width:100%">
<tr>
<th align="">Tile Layer</th>
<th>Vector Layer</th>
</tr>
<tr>
<td height="20%">
<div id="selection3">
<fieldset id="group3">
Select tile layer as basemap<br>
<input type="radio" id="radioBtn31" name="group3" onmouseup="radio_selTileLayer(this);" /> Oracle Maps<br>
<input type="radio" id="radioBtn32" name="group3" onmouseup="radio_selTileLayer(this);" /> BI World Maps<br>
<input type="radio" id="radioBtn33" name="group3" onmouseup="radio_selTileLayer(this);" /> OSM Positron<br>
<input type="radio" id="radioBtn34" name="group3" onmouseup="radio_selTileLayer(this);" /> OSM Dark<br>
</fieldset>
</div>
</td>
<td height="20%">
<div id="selection2">
<fieldset id="group2">
Select vector layer<br>
<input type="checkBox" id="checkBox21" name="group2" onmouseup="checkBox_Toggle(this);" /> States<br>
<input type="checkBox" id="checkBox22" name="group2" onmouseup="checkBox_Toggle(this);" /> Counties<br>
<input type="checkBox" id="checkBox23" name="group2" onmouseup="checkBox_Toggle(this);" /> Cities<br>
<input type="checkBox" id="checkBox24" name="group2" onmouseup="checkBox_Toggle(this);" /> Customers<br>
</fieldset>
</div>
</td>
</tr>

<tr>
<td>
This demo illustrates how to change the tile layers as basemaps.
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>

</html>
Loading

0 comments on commit 14146c4

Please sign in to comment.