Skip to content

Commit b2fbb69

Browse files
alaframboisealaframboise
committed
Added reverse geocoding, drivetime, maps samples
1 parent 8b00108 commit b2fbb69

18 files changed

+1933
-951
lines changed

‎.gitattributes

100644100755
File mode changed.

‎.gitignore

100644100755
File mode changed.

‎html/basemaps/basemaps.html

100644100755
+37-33
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,47 @@
11
<!DOCTYPE html>
22
<html>
3-
<head>
4-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9" >
6-
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
7-
<title>Basemaps</title>
8-
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css" />
9-
<link rel="stylesheet" href="../../css/examples.css" />
10-
11-
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact"></script>
12-
<script type="text/javascript">
13-
dojo.require("esri.map");
14-
15-
var map;
16-
function init() {
17-
var options = {
18-
basemap: "streets",
19-
center: [-79.40, 43.55],
20-
zoom: 9
21-
};
22-
// Create map
23-
map = new esri.Map("mapDiv",options);
24-
}
25-
26-
dojo.addOnLoad(init);
27-
</script>
28-
</head>
29-
<body>
30-
<div class="message"><span id="userMessage" class="user-message">Select an ArcGIS Online basemap</span></div>
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
6+
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
7+
<title>Basemaps</title>
8+
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">
9+
<link rel="stylesheet" href="../../css/examples.css">
10+
<!-- Load the library references for ArcGIS API for JavaScript -->
11+
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact"></script>
12+
<script>
13+
dojo.require("esri.map");
14+
15+
var map;
16+
17+
function init() {
18+
var options = {
19+
basemap: "gray",
20+
center: [-122.69, 45.52],
21+
zoom: 3
22+
};
23+
// Create map
24+
map = new esri.Map("mapDiv",options);
25+
}
26+
27+
dojo.addOnLoad(init);
28+
</script>
29+
</head>
30+
<body>
3131
<div class="panel">
32+
<div class="titlearea"><span id="titleMessage" class="title-message">Basemaps</span></div>
3233
<div class="controls">
3334
<div class="buttons">
34-
<button class="btn btn-primary" onclick="map.setBasemap('streets');">Streets</button>
35-
<button class="btn btn-primary" onclick="map.setBasemap('satellite');">Satellite</button>
36-
<button class="btn btn-primary" onclick="map.setBasemap('topo');">Topographic</button>
37-
<button class="btn btn-primary" onclick="map.setBasemap('gray');">Gray Canvas</button>
35+
<button class="btn btn-primary btn-wide" onclick="map.setBasemap('streets');">Streets</button>
36+
<button class="btn btn-primary btn-wide" onclick="map.setBasemap('satellite');">Satellite</button>
37+
<button class="btn btn-primary btn-wide" onclick="map.setBasemap('hybrid');">Hybrid</button>
38+
<button class="btn btn-primary btn-wide" onclick="map.setBasemap('topo');">Topo</button>
39+
<button class="btn btn-primary btn-wide" onclick="map.setBasemap('gray');">Gray</button>
40+
<button class="btn btn-primary btn-wide" onclick="map.setBasemap('national-geographic');">National Geographic</button>
3841
</div>
3942
</div>
43+
<div class="message"><span id="userMessage" class="user-message"></span></div>
4044
</div>
4145
<div id="mapDiv"></div>
42-
</body>
46+
</body>
4347
</html>

‎html/basemaps/basemaps_widget.html

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">
6+
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
7+
<title>Basemaps</title>
8+
<link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">
9+
<link rel="stylesheet" href="../../css/examples.css">
10+
<!-- Load the library references for ArcGIS API for JavaScript -->
11+
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3compact"></script>
12+
<script>
13+
dojo.require("esri.map");
14+
dojo.require("esri.dijit.BasemapGallery");
15+
16+
var map;
17+
18+
function init() {
19+
var options = {
20+
basemap: "streets",
21+
center: [-122.69, 45.52],
22+
zoom: 12,
23+
};
24+
// Create map
25+
map = new esri.Map("mapDiv", options);
26+
createBasemapGallery();
27+
}
28+
29+
// Adds the maps listed in the basemap gallery from ArcGIS.com
30+
function createBasemapGallery() {
31+
var basemapGallery = new esri.dijit.BasemapGallery({
32+
showArcGISBasemaps: true,
33+
map: map
34+
}, "basemapGallery");
35+
basemapGallery.startup();
36+
// Listen to the basemap selection and set the title
37+
dojo.connect(basemapGallery, "onSelectionChange", function() {
38+
document.getElementById("userMessage").innerHTML = basemapGallery.getSelected().title;
39+
});
40+
}
41+
42+
dojo.addOnLoad(init);
43+
</script>
44+
</head>
45+
<body>
46+
<div class="panel">
47+
<div class="titlearea"><span id="titleMessage" class="title-message">Basemaps Widget</span></div>
48+
<div class="message"><span id="userMessage" class="user-message">Streets</span></div>
49+
<div class="basemap-container">
50+
<div id="basemapGallery"></div>
51+
</div>
52+
</div>
53+
<div id="mapDiv"></div>
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)