I am trying to do this same thing. I want to load the ESRI API 3.3 from ESRI's server. I want to load some Dojo modules locally. (WURadar and AGSJSTOC, both of which are discussed in various threads here).However I can see in Firebug it keeps trying to load WURadar and AGSJS TOC modules:NetworkError: 404 Not Found - http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/agsjs/TOC.jsNetworkError: 404 Not Found - http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/modules/WURadarLayer.jsHowever, I thought I followed the Dojo docs on Dojoconfig http://dojotoolkit.org/documentation/tutorials/1.8/dojo_config/It discusses this exact scenario, using Dojo hosted on a CDN but loading local packages. (in the middle of that page)My Dojoconfig is the following:
dojoConfig = {
has: {
"dojo-firebug": true,
"dojo-debug-messages": true
},
async: true,
waitSeconds: 3,
tlmSiblingOfDojo: false,
baseUrl: 'location.pathname.replace(/\/[^/]+$/, "")',
packages: [{
name: "agsjs",
location: "/js/lib/agsjs/"
}, {
name: "modules",
location: "/js/lib/WURadarLayer/"
}],
};
I also tried using this: location: location.pathname.replace(/\/[^/]+$/, "") + "/js/lib/WURadarLayer/"instead of using the relative location in baseURL, and put a + "/" and ./ up in baseURL at the end, etc. and just a blank "" in baseUrl.Also tried baseUrl as "js" and "js/" etc. And calling dojo.js and init.js directly in inline <script> tags in index.html (it found these but still would look for Measurement.js, etc and other ESRI API and Dojo files locally. Conversely if I point it to the ESRI server in DojoConfig it finds the ESRI and Dojo files but not the local AMD modules, WURadar and AGSJS TOC. And the page doesn't load, either way, due to not finding files.Tried many combinations, to no avail. I understand the concept in the official Dojo docs on Dojoconfig above, it seems pretty straightforward. I presume it's a simple issue related to dojoconfig syntax. Anyone else had this issue and solved it, or know the cause of this issue? Or can someone provide and example of a site with this configuration, with local modules but loading the ESRI API / Dojo from ESRI servers?Here is the following in my index.html <!DOCTYPE html>
<html>
<head>
<!-- --- header stuff .... -->
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/dojo/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.3/js/esri/css/esri.css">
<script src="js/my/dojoConfig.js"></script>
<script>var dojoConfig = { parseOnLoad: true };</script>
<script src="//serverapi.arcgisonline.com/jsapi/arcgis/3.3/"></script>
<script src="js/my/myMap.js"></script>
</head>
<body class="claro">
<!-- ---- body stuff .... -->
Here is the outline of the myMap.js (the main .js file)require(["esri/map",
"esri/layers/FeatureLayer",
"esri/dijit/Popup",
"esri/tasks/Query",
"esri/dijit/Geocoder",
"esri/dijit/Scalebar",
"esri/dijit/Legend",
"esri/dijit/Print",
"agsjs/TOC",
"modules/WURadarLayer",
"dojo/DeferredList",
"dojo/_base/connect",
"esri/layers/FeatureLayer",
"esri/dijit/Measurement",
"dijit/TitlePane",
"esri/dijit/OverviewMap"
], function (map) {
var initialExtent = esri.geometry.geographicToWebMercator(
new esri.geometry.Extent(-81.20953, 32.12281, -81.17640, 32.14837,
new esri.SpatialReference({ wkid: 3857 })
));
var popup = new esri.dijit.Popup(null, dojo.create("div"));
map = new esri.Map("map", {
slider: false,
wrapAround180: true, //set wraparound to false if the extent is limited.
showAttribution: false,
logo: false, // or, just hide the esri logo and don't ask me no questions :)
infoWindow: popup,
slider: true,
sliderStyle: "small",
autoResize: true,
extent: initialExtent
});
var basemap = new esri.layers.ArcGISTiledMapServiceLayer(getWebData.ESRIWorldTopoMap);
map.addLayer(basemap);
dojo.place(popup.domNode, map.root);
////// lots more stuff, and widgets, including a radar loop layer (WURadar) and Table of Contents (AGSJS TOC)
map.setExtent(initialExtent);
map.resize();
dojo.connect(map, "onLoad", function () {
dojo.connect(dijit.byId("map"), "resize", map, map.resize);
});
})
