-
Notifications
You must be signed in to change notification settings - Fork 842
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
add 'change tile layer for the basemap' demo (#139)
- Loading branch information
1 parent
14fa8a1
commit 14146c4
Showing
10 changed files
with
2,051 additions
and
1,658 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 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> |
Oops, something went wrong.