官术网_书友最值得收藏!

More about the map

You'll need to follow the preceding process we described for every application that you build with the ArcGIS API for JavaScript.

The creation of the map can only happen when your HTML has finished loading, and all the required DOM elements and scripts are ready. You achieved this by using the domReady! plugin in your require() function. This ensured that the code in the function that was passed as the second argument only executes when everything is in place. This function is known as an initialization function:

require(["esri/map", "dojo/domReady!"], function(Map) {
// initialization goes here
});

You use your initialization function to create your map, add layers, and perform any other setup routines necessary to start your application.

Creating a map is invariably one of the first things that you'll do and in this section we'll take a closer look at the various options you have when creating an instance of the Map class.

In object-oriented programming you create an instance (your own, working copy) of a class (like Map), by calling a special method on the class called the constructor. Constructors frequently take one or more parameters that can be used to set the initial state of an object.

The Map constructor accepts two parameters: the HTML page element (a <div>) where the map should be placed, and an options object that sets various properties on the newly-created map instance to define its behavior. This includes things like which basemap to use, the initial extent of the map, the display of navigation controls, how graphics appear during panning, what type of zoom slider control to use, and many more.

The second parameter in the constructor is always enclosed within braces. This tells the JavaScript interpreter that you are supplying a JavaScript object.

The JavaScript object syntax is known as JSON, and has many uses outside of JavaScript too.

Inside the braces, the map options (the object's properties) are specified as key/value pairs. If you are supplying more than one option, you must separate them with commas. In the following example, we are defining options for the map coordinates that will serve as the center of the map, along with a zoom level, and a basemap layer of streets:

      var map = new Map("mapDiv", { 
        center: [-56.049, 38.485], 
        zoom: 3, 
        basemap: "streets" 
      }); 
主站蜘蛛池模板: 八宿县| 武鸣县| 沐川县| 翁牛特旗| 阜平县| 古丈县| 迁西县| 保康县| 鄂温| 龙南县| 基隆市| 平顺县| 江川县| 田阳县| 军事| 兴和县| 车险| 中超| 浦东新区| 盐亭县| 昭觉县| 洪江市| 改则县| 聂拉木县| 桐乡市| 呼和浩特市| 交城县| 清流县| 连平县| 玛纳斯县| 文山县| 吴堡县| 英吉沙县| 剑阁县| 江孜县| 龙泉市| 涪陵区| 垦利县| 克山县| 广河县| 修文县|