Skip to content

Instantly share code, notes, and snippets.

@JeffJacobson

JeffJacobson/MapQuestInArcGisJSApi.html

Last active September 28, 2019 09:54
Show Gist options
  • Save JeffJacobson/4448480 to your computer and use it in GitHub Desktop.
Save JeffJacobson/4448480 to your computer and use it in GitHub Desktop.
Download ZIP
Demonstrates using MapQuest Open map service tiles with ArcGIS API for JavaScript.
Raw
MapQuestInArcGisJSApi.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css" />
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.3compact" type="text/javascript"></script>
<style>
html, body, #map, map.container {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
/*global require, esri*/
require(["dojo/on", "esri/map", "esri/layers/WebTiledLayer", "dojo/domReady!"], function (on) {
"use strict";
var map, mqSubDomains, mqLayer;
map = new esri.Map("map");
// dojo.connect(window, 'resize', map, map.resize);
on(window, "resize", function () {
map.resize();
});
mqSubDomains = ["otile1", "otile2", "otile3", "otile4"];
mqLayer = new esri.layers.WebTiledLayer("http://${subDomain}.mqcdn.com/tiles/1.0.0/osm/${level}/${col}/${row}.png", {
"id": "mapQuest",
"subDomains": mqSubDomains,
"copyright": '© OpenStreetMap contributors, Tiles Courtesy of <a href="http://www.mapquest.com/" target="_blank">MapQuest</a> <img src="http://developer.mapquest.com/content/osm/mq_logo.png">'
});
map.addLayer(mqLayer);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment