如何把ArcGIS Javascript中搜索的底图改为自己的图

cugbboy · 发表于 2016-11-16 17:12

貌似这样的搜索更放便，不需要建立Feature图层。

原代码是：

<div><!DOCTYPE html></div><div><html dir="ltr"></div><div>
</div><div><head></div><div> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></div><div> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /></div><div> <title>ArcGIS API for JavaScript | Basic Search</title></div><div> <link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/themes/calcite/dijit/calcite.css"></div><div> <link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/themes/calcite/esri/esri.css"></div><div> <style></div><div> html,</div><div> body,</div><div> #map {</div><div> height: 100%;</div><div> width: 100%;</div><div> margin: 0;</div><div> padding: 0;</div><div> }</div><div> #search {</div><div> display: block;</div><div> position: absolute;</div><div> z-index: 2;</div><div> top: 20px;</div><div> left: 74px;</div><div> }</div><div> </style></div><div> <script src="https://js.arcgis.com/3.18/"></script></div><div> <script></div><div> require([</div><div>
</div><div> "esri/map",</div><div> "esri/dijit/Search",</div><div> "dojo/domReady!"</div><div>
</div><div> ], function (Map, Search) {</div><div> var map = new Map("map", {</div><div> basemap: "satellite",</div><div> center: [-120.435, 46.159], // lon, lat</div><div> zoom: 7</div><div> });</div><div>
</div><div> var search = new Search({</div><div> map: map</div><div> }, "search");</div><div> search.startup();</div><div>
</div><div> });</div><div> </script></div><div></head></div><div>
</div><div><body class="calcite"></div><div> <div id="search"></div></div><div> <div id="map"></div></div><div></body></div><div>
</div><div></html>
</div>

复制代码

我修改如下

<div>
</div><div><div>
</div><div><div>
</div><div><!DOCTYPE html></div><div><html dir="ltr"></div><div>
</div><div><head></div><div> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></div><div> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /></div><div> <title>ArcGIS API for JavaScript | Basic Search</title></div><div> <link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/themes/calcite/dijit/calcite.css"></div><div> <link rel="stylesheet" href="https://js.arcgis.com/3.18/esri/themes/calcite/esri/esri.css"></div><div> <style></div><div> html,</div><div> body,</div><div> #map {</div><div> height: 100%;</div><div> width: 100%;</div><div> margin: 0;</div><div> padding: 0;</div><div> }</div><div> #search {</div><div> display: block;</div><div> position: absolute;</div><div> z-index: 2;</div><div> top: 20px;</div><div> left: 74px;</div><div> }</div><div> </style></div><div> <script src="https://js.arcgis.com/3.18/"></script></div><div> <script></div><div> require([</div><div>
</div><div> "esri/map",</div><div> "esri/layers/ArcGISTiledMapServiceLayer",</div><div> "esri/dijit/Search",</div><div> "dojo/domReady!"</div><div>
</div><div> ], function (Map, ArcGISTiledMapServiceLayer,Search) {</div><div> </div><div> <font color="#ff0000"> var map;</font></div><div><font color="#ff0000"> require("esri.map");</font></div><div><font color="#ff0000"> var basemap = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");</font></div><div><font color="#ff0000"> map.addLayer(basemap);</font></div><div><font color="#ff0000"> });</font></div><div>
</div><div> var search = new Search({</div><div> map: map</div><div> }, "search");</div><div> search.startup();</div><div>
</div><div> });</div><div> </script></div><div></head></div><div>
</div><div><body class="calcite"></div><div> <div id="search"></div></div><div> <div id="map"></div></div><div></body></div><div>
</div><div></html></div></div></div><div>
</div>

复制代码

红色部分的文字怎么定义呢？

[求助] 如何把ArcGIS Javascript中搜索的底图改为自己的图

相关帖子

浏览过的版块