Michael,
Sure here is a sample:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
<title>Simple Map with url parameters</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css">
<style>
html, body, #map {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
body {
background-color: #FFF;
overflow: hidden;
font-family: "Trebuchet MS";
}
</style>
<script src="http://js.arcgis.com/3.14/"></script>
<script>
var map;
require([
"esri/map",
"dojo/io-query",
"dojo/_base/lang",
"esri/geometry/Point",
"esri/tasks/GeometryService",
"esri/SpatialReference",
"esri/tasks/ProjectParameters",
"dojo/on",
"dojo/domReady!"
], function(
Map,
ioquery,
lang,
Point,
GeometryService,
SpatialReference,
ProjectParameters,
on
) {
map = new Map("map", {
basemap: "topo", //For full list of pre-defined basemaps, navigate to http://arcg.is/1JVo6Wd
center: [-122.45, 37.75], // longitude, latitude
zoom: 13
});
on(map, "load", function(){
setUrlParams();
});
function getUrlParams () {
var s = window.location.search,
p;
if (s === '') {
return {};
}
p = ioquery.queryToObject(s.substr(1));
return p;
}
function setUrlParams () {
var myObject = getUrlParams();
var centerPnt, level;
if (myObject.center && !lang.isArrayLike(myObject.center)) {
var centerArr = myObject.center.split(",");
var sr;
if(centerArr[2]){
sr = new SpatialReference({ wkid: centerArr[2] });
}else{
sr = new SpatialReference({ wkid: 4326 });
}
centerPnt = new Point(centerArr[0], centerArr[1], sr);
}
if (myObject.level) {
level = myObject.level || 12;
}
if(!centerPnt.spatialReference.equals(map.spatialReference)){
projectCenter(centerPnt, level);
return;
}
map.centerAndZoom(centerPnt, level).then(function(){
console.info("Zoomed to center");
});
}
function projectCenter(centerPnt, level){
var params = new ProjectParameters();
params.geometries = [centerPnt];
params.outSR = map.spatialReference;
var gsvc = new GeometryService("http://sampleserver6.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer");
gsvc.project(params, lang.hitch(this, function(result){
map.centerAndZoom(result[0], level).then(function(){
console.info("Zoomed to projected center");
});
}), lang.hitch(this, function(err){
console.error(err);
}));
}
});
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
