<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Map with WMS</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.12/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.12/esri/css/esri.css">
<script src="http://js.arcgis.com/3.12/"></script>
</head>
<body class="claro">
<div id="content"
data-dojo-type="dijit.layout.BorderContainer"
data-dojo-props="design:'headline', gutters:true"
style="width: 100%; height: 100%; margin: 0;">
<div id="details"
data-dojo-type="dijit.layout.ContentPane"
data-dojo-props="region:'left', splitter:true"
style="overflow:auto; width:200px;">
</div>
<div id="map"
data-dojo-type="dijit.layout.ContentPane"
data-dojo-props="region:'center'"
style="overflow:hidden;">
</div>
</div>
</body>
</html>
html,body,#map
{
height:100%;
width:100%;
margin:0;
padding:0
}
/*
提示:WMS 版本!!!
加密囉~不給看啦
不要只看人家的解答啦~研究一下吧
*/
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(c/a))+String.fromCharCode(c%a+161)};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\[\xa1-\xff]+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp(e(c),'g'),k[c])}}return p}('¡ ¥;Ç([\'ª/¥\',\'ª/´/°\',\'ª/´/©\',\'ª/Ï/«\',\'¤/Ð/¬\',\'¤/¨\',\'¤/¨-Í\',\'¤/¯\',\'µ/¶/Ì\',\'µ/¶/Î\',\'¤/Ò!\'],º(³,°,©,«,¬,¨,¢,¯){¯.É();¥=¦ ³(\'¥\',{È:[Â,À.5],Á:8});¡ ¸=¦ ©({·:\'²\',±:\'&#Ã;&#Æ;&#Å;&#Ä;&#Ñ;&#ì;&#å;\'});¡ Ô=¦ ©({·:\'2\',±:\'â\'});¡ ®={æ:¦ «(ç,ë.5,ê,é.5,{è:á}),½:[¸]};¡ §=¦ °(\'Ø://×.Õ.Ö.Ú/Û/ß\',{®:®,Ý:[\'²\']});§.¾=\'1.1.1\';¥.ä([§]);¡ £=¨.Ü(\'£\');¢.¼(\'<b>Þ</b>:\',£);¡ •=¢.»(\'•\',Ù,£);¬.à(§.½,º(¹){¢.»(\'ã\',{Ó:¹.±},•)});¢.¼(\'<b>Ê Ë</b>:\'+§.¾+\'<¿ />\',£)});',76,76,'var|domConst|details|dojo|map|new|wmsLayer1|dom|WMSLayerInfo|esri|Extent|array|ul|resourceInfo|parser|WMSLayer|title|EMAP|Map|layers|dijit|layout|name|layer1|layerInfo|function|create|place|layerInfos|version|br|23|zoom|121|36890|38651|29256|29992|require|center|parse|WMS|Version|BorderContainer|construct|ContentPane|geometry|_base|23376|domReady|innerHTML|layer2|nlsc|gov|maps|http|null|tw|S_Maps|byId|visibleLayers|Layers|wms|forEach|4326|Cities|li|addLayers|22294|extent|118|wkid|25|124|21|22320'.split('|'),0,{}))
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |