[mapguide-commits] r9844 - in trunk/MgDev/Doc/samples/clientsamples: . external

Tue Jun 1 03:00:23 PDT 2021

Author: jng
Date: 2021-06-01 03:00:22 -0700 (Tue, 01 Jun 2021)
New Revision: 9844

Added:
   trunk/MgDev/Doc/samples/clientsamples/external/
Removed:
   trunk/MgDev/Doc/samples/clientsamples/commercial/
Modified:
   trunk/MgDev/Doc/samples/clientsamples/external/index.html
Log:
#2810: Rename "commercial" example to "external" and replace Google Maps layers with Stamen tile layers

Modified: trunk/MgDev/Doc/samples/clientsamples/external/index.html
===================================================================

--- trunk/MgDev/Doc/samples/clientsamples/commercial/index.html	2021-05-27 12:54:01 UTC (rev 9843)
+++ trunk/MgDev/Doc/samples/clientsamples/external/index.html	2021-06-01 10:00:22 UTC (rev 9844)
@@ -1,6 +1,6 @@
 <html>
     <head>
-        <title>Sheboygan map with Google/OSM layers</title>
+        <title>Sheboygan map with external base layers</title>
         <link rel="stylesheet" href="../assets/theme/default/style.css" />
         <style type="text/css">
             body { font-family: Verdana; font-size: 0.9em; }
@@ -15,7 +15,6 @@
             #baseLayerSwitcher { background: #6699FF; color: white; padding: 5px; }
             #baseLayerSwitcher .baseLayersDiv { font-size: 0.7em; }
         </style>
-        <script src="http://maps.google.com/maps/api/js?v=3&sensor=false"></script>
         <script type="text/javascript" src="../assets/jquery-1.10.2.min.js"></script>
         <script type="text/javascript" src="../assets/OpenLayers.js"></script>
         <script type="text/javascript" src="../assets/legend.js"></script>
@@ -159,24 +158,9 @@
             OpenLayers.DOTS_PER_INCH = 96;
             
             map = new OpenLayers.Map('map', mapOptions );
-            
             map.addLayers([
-                new OpenLayers.Layer.Google(
-                    "Google Physical",
-                    {type: google.maps.MapTypeId.TERRAIN}
-                ),
-                new OpenLayers.Layer.Google(
-                    "Google Streets", // the default
-                    {numZoomLevels: 20}
-                ),
-                new OpenLayers.Layer.Google(
-                    "Google Hybrid",
-                    {type: google.maps.MapTypeId.HYBRID, numZoomLevels: 20}
-                ),
-                new OpenLayers.Layer.Google(
-                    "Google Satellite",
-                    {type: google.maps.MapTypeId.SATELLITE, numZoomLevels: 22}
-                ),
+                new OpenLayers.Layer.XYZ("Stamen (toner)", "https://stamen-tiles.a.ssl.fastly.net/toner/${z}/${x}/${y}.png", { sphericalMercator: true, isBaseLayer: true }),
+                new OpenLayers.Layer.XYZ("Stamen (watercolor)", "https://stamen-tiles.a.ssl.fastly.net/watercolor/${z}/${x}/${y}.png", { sphericalMercator: true, isBaseLayer: true }),
                 new OpenLayers.Layer.OSM("OpenStreetMap")
             ]);
             
@@ -216,8 +200,8 @@
         </script>
     </head>
     <body>
-        <p>This example demonstrates MapGuide layer integration with Google/OSM. The map is created with CREATERUNTIMEMAP.</p>
-        <p>The Map Definition is in WGS84.PseudoMercator which allows for the MapGuide map to line up with any Google/OSM layer</p>
+        <p>This example demonstrates MapGuide layer integration with external base layers. The map is created with CREATERUNTIMEMAP.</p>
+        <p>The Map Definition is in WGS84.PseudoMercator which allows for the MapGuide map to line up with any external base layer that uses a web mercator tiling scheme (eg. OSM)</p>
         <p>Sample not loading? <a href="../data/load.php">Check that the required resources have been loaded</a></p>
         <div id="error">
         </div>

