【實例簡介】

【實例截圖】

【核心代碼】

esri Deom

html, body, #map {

height: 100%;

width: 100%;

}

body {

background-color: #fff;

overflow: hidden;

}

#BasemapToggle {

position: absolute;

right: 20px;

top: 20px;

z-index: 50;

}

#HomeButton {

left: 25px;

position: absolute;

top: 93px;

z-index: 50;

}

#LocateButton {

left: 25px;

position: absolute;

top: 130px;

z-index: 50;

}

var map;

var featureLayer;

//引入基礎類包，具體看官方API

require([

"esri/basemaps", "esri/map", "esri/dijit/Scalebar",

"esri/layers/ArcGISTiledMapServiceLayer",

"esri/dijit/HomeButton", "esri/dijit/LocateButton", "esri/dijit/BasemapToggle", "esri/dijit/OverviewMap", "dojo/domReady"

], function (esriBasemaps, Map, Scalebar, ArcGISTiledMapServiceLayer,

HomeButton, LocateButton, BasemapToggle, OverviewMap) {

esriBasemaps.delorme = {

baseMapLayers: [

//中國矢量地圖服務

{ url: "http://cache1.arcgisonline.cn/arcgis/rest/services/ChinaOnlineCommunity/MapServer" }

],

//縮略圖

thumbnailUrl: "Imgs/shiliang.jpg",

title: "矢量圖"

};

//初始化地圖

map = new Map("map", {

basemap: "delorme",

center: [114.93896484, 25.85428033],

zoom: 15

});

//衛星底圖

var toggle = new BasemapToggle({

map: map,

basemap: "satellite"

}, "BasemapToggle");

toggle.startup();

//返回主視圖

var home = new HomeButton({

map: map

}, "HomeButton");

home.startup();

//定位

geoLocate = new LocateButton({

map: map

}, "LocateButton");

geoLocate.startup();

//鷹眼

var overviewMapDijit = new OverviewMap({

map: map,

expandFactor: 2,

attachTo: "bottom-left",

visible: true

});

overviewMapDijit.startup();

//比例尺

var scalebar = new Scalebar({ map: map, attachTo: "bottom-left" });

});

data-dojo-props="region:'center'"

style="padding:0">

總結

以上是生活随笔為你收集整理的webgis 行政图报错_WebGIS 地图 示例源码下载的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。