當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
arcgis api for JavaScript学习-Scalebar(比例尺)
生活随笔
收集整理的這篇文章主要介紹了
arcgis api for JavaScript学习-Scalebar(比例尺)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
Scalebar用于在地圖上或者一個指定的HTML節(jié)點中顯示地圖的比例尺信息
3.示例：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>書簽</title><link rel="stylesheet" type="text/css"href="http://localhost/arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/><link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/3.17/3.17/esri/css/esri.css"/><script type="text/javascript" src="http://localhost/arcgis_js_api/library/3.17/3.17/init.js"></script><style type="text/css">.MapClass {width: 100%;height: 600px;border: 1px solid #000;position: relative;}</style><script type="text/Javascript">require(["esri/map","esri/dijit/OverviewMap","esri/dijit/Scalebar"], function (Map, OverviewMap, Scalebar) {var MyMap = new Map("MyMapDiv",{logo:false //取消esri的logo});var layer = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/TestServer/MyMapService/MapServer");MyMap.addLayer(layer);var MapViewer = new OverviewMap({attachTo: "top-right",//鷹眼顯示位置maximizeButton: true,//顯示最大化按鈕map: MyMap,//設(shè)置顯示鷹眼圖的基礎(chǔ)圖visible: true,//顯示鷹眼圖可見按鈕width: 150,//設(shè)置鷹眼的div大小height: 150});MapViewer.startup();var scale = new Scalebar({map: MyMap,attachTo: "bottom-left",scalebarUnits: "english"});scale.show();});</script> </head> <body> <div id="MyMapDiv" class="MapClass"></div> </body> </html>結(jié)果圖：
總結(jié)
以上是生活随笔為你收集整理的arcgis api for JavaScript学习-Scalebar(比例尺)的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《那些年啊，那些事——一个程序员的奋斗史
- 下一篇： 扩展点系列之ApplicationCon