2015-05-11 6 views
1

Просмотренный пример не может понять, как установить базовую карту в отдельности. Мне не нужен виджет dijit или любые другие библиотеки или что-то в этом роде. Просто хочу, чтобы вручную установить базовую карту на любой из уже имеющихся типов, таких как топографические, спутники, улицы и т.д.Ручная настройка базовой карты с использованием ArcGIS API для JavaScript?

После этой ссылки API:

Object: esri/basemaps

Части я не могу понять, помечены вопросительными знаками. Если кто-то может мне помочь, очень понравится.

require([ 
    "esri/basemaps", 
    "esri/map", 
    "dojo/domReady!" 
], function (esriBasemaps, Map) { 



/* ------------------------------------- */ 
/* Basemap add one of the existing maps. */ 
/* ------------------------------------- */ 
esriBasemaps.myBasemap = { 
    baseMapLayers ??? 
}; 



var map = new Map("map", { 
    basemap: "myBasemap", 
    center: [-118, 34.5], 
    zoom: 8 
}); 

});

ответ

1

Код в esri/basemaps documentation работает отлично, в сочетании с create a map sample.

Вот часть вы задавались вопросом о:

esriBasemaps.myBasemap = { 
    baseMapLayers: [ 
    { 
     url: "http://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer" 
    } 
    ], 
    title: "My Basemap" 
}; 

Вот полный пример. Скопируйте и вставьте следующее в ArcGIS API for JavaScript Sandbox, чтобы увидеть, как он работает.

<!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</title> 
    <link rel="stylesheet" href="http://js.arcgis.com/3.13/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.13/"></script> 
    <script> 
     var map; 

     require(["esri/basemaps", "esri/map", "dojo/domReady!"], function(esriBasemaps, Map) { 
     esriBasemaps.myBasemap = { 
      baseMapLayers: [ 
      { 
       url: "http://services.arcgisonline.com/ArcGIS/rest/services/Specialty/DeLorme_World_Base_Map/MapServer" 
      } 
      ], 
      title: "My Basemap" 
     }; 
     map = new Map("map", { 
      basemap: "myBasemap", 
      center: [-122.45, 37.75], // longitude, latitude 
      zoom: 13 
     }); 
     }); 
    </script> 
    </head> 

    <body> 
    <div id="map"></div> 
    </body> 
</html> 
Смежные вопросы