<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10"> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"> <title>TEST</title> <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/dojo/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/esri/css/esri.css"> <style> html, body { height: 100%; width: 100%; margin: 0; padding: 10px; } .esriBasemapGallerySelectedNode .esriBasemapGalleryThumbnail { border-color: #66FFFF !important; } #map { padding: 10px; } </style> <script> var dojoConfig = { parseOnLoad: true }; </script> <script src="http://js.arcgis.com/3.7/"></script> <script> dojo.require("dijit.layout.BorderContainer"); dojo.require("dijit.layout.ContentPane"); dojo.require("esri.map"); dojo.require("dijit.TitlePane"); dojo.require("esri.dijit.BasemapGallery"); dojo.require("esri.arcgis.utils"); var map,map1; function init() { map = new esri.Map("map", { center: [-73.049, 48], zoom: 5, basemap: "streets" }); map1 = new esri.Map("map1", { center: [-73.049, 48], zoom: 5, basemap: "streets" }); var basemapGallery = new esri.dijit.BasemapGallery({ showArcGISBasemaps: true, map: map }, "basemapGallery"); var selectionHandler = dojo.connect(basemapGallery, "onSelectionChange", function () { dojo.disconnect(selectionHandler); //add kml layer to the map }); basemapGallery.startup(); dojo.connect(basemapGallery, "onError", function (msg) { console.log(msg) }); dojo.connect(map, "onExtentChange", setMap1Ext); } function setMap1Ext(ext) { map1.setExtent(ext); } dojo.ready(init); </script> </head> <body class="claro"> <div data-dojo-type="dijit.layout.BorderContainer" data-dojo-props="design:'headline', gutters:false" style="width: 100%; height: 100%; margin: 0;"> <div id="Main" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'" style="border: 1px solid #000"> <div id="map" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'"> <div style="position: absolute; right: 20px; top: 10px; z-Index: 999;"> <div data-dojo-type="dijit.TitlePane" data-dojo-props="title:'Switch Basemap', closable:false, open:false"> <div data-dojo-type="dijit.layout.ContentPane" style="width: 280px; height: 280px; overflow: auto;"> <div id="basemapGallery"></div> </div> </div> </div> </div> </div> <div id="sidebar" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'left'" style="border: 1px solid #000; width: 25%;"> <div id="map1" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'center'" style="height: 65%"> </div> <div id="Info" data-dojo-type="dijit.layout.ContentPane" data-dojo-props="region:'bottom'" style="border: 1px solid #000; height: 32%"> </div> </div> </div> </body> </html>
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
