ESRI自定义主页按钮gis javascript

总体问题请先阅读：如何删除SelectedBusStops和SelectedBusRoutes并缩放以映射：用户单击主页按钮时的 Map ？

这是我想要做的 . 我有一个JavaScript应用程序，它使用ArcGIS API for JavaScript以及一些Ajax和JQuery . 我正在尝试自定义主页按钮或创建自己的主页按钮，这不仅仅是缩放到初始范围 . 我尝试通过创建一个调用函数goHome（）的按钮来自行完成 . 然后在该功能中，我做了一些事情，比如从列表中删除突出显示的选定路线，然后滚动到路线列表的顶部，并删除当用户点击 Bus 车站显示时间时可能已填充的任何 Bus 车到达时间 . 到目前为止，我已经完成了我想做的一切，除了删除当前突出显示的（选定路线）以及与所选路线相关联的当前总线停靠点，然后缩放到我的初始 Map 范围 .

我试图做一些事情，比如设置我想要修改的要素图层的setDefinitionExpression，但是由于这个函数在我的代码中的位置，它无法看到它们 . 当我把这个函数放在main函数中时，它给了我ReferenceError：goHome没有定义 . 所以我把它放在主要功能之外，一切都运行到目前为止，但无法弄清楚如何让featureLayers消失 . 它会给我一个错误说：ReferenceError：selectedBusStops没有定义selectedBusStops.setDefinitionExpression（“Route is null”）;

当用户点击列表中的路线时，它将进入并设置definitionExpression以仅显示所选路线 . 像这样：

selectedBusStops.setDefinitionExpression("Route like '%" + routeSlice + "%'");

这是我的FeatureLayers：**这是我的问题，无法在另一个功能中使用这些 . 我用'var'声明了这些并使它们在它们所处的函数中是局部的 . 删除'var'并解决了问题，我现在至少可以清除这些功能 . **

var selectedBusRoute = new FeatureLayer("http://PROD_RTC_SystemMap/MapServer/4", {
  mode: FeatureLayer.MODE_SELECTION,
  outFields: ["*"],
  infoTemplate: selectedBusRouteTemplate
});
var selectedBusStops = new FeatureLayer("http://PROD_RTC_SystemMap/MapServer/0", {
  mode: FeatureLayer.MODE_ONDEMAND,
  outFields: ["*"],
  infoTemplate: selectedBusStopsTemplate
});

我在想是否有办法操纵esri / dijit / HomeButton以某种方式完成所有这些或者我是在正确的轨道上？ Esri/github/homebutton

感谢您花时间阅读本文，并感谢所有输入（即使那些说我的代码看起来像*＃） .

这是我调用的函数的代码：

function goHome() {
  // Reset the Accordian Content Panes and fix naming
  var newTitle = "Bus Arrival Times";
  dijit.byId("pane3").set("title", newTitle);
  var container = dijit.byId("container");
  container.selectChild("RTCBusroutes", true);

  // This will remove old values in Bus Arrival Time pane so Bus Arrival Times will clear
  var results = document.getElementById("results");
  var rowCount = results.rows.length;
  for (var x = rowCount - 1; x > 0; x--) {
    results.deleteRow(x);
  }

  // Removes the Highlight from the currently selected Item in the RTC Bus Routes List pane
  $('.highlight').removeClass('highlight');

  // Scrolls to the top of the List in the RTC Bus Routes Content Pane List
  $('#RTCBusroutes').scrollTop(0);

  // Remove Currently Selected Bus Routes

  // Remove Currently Selectes Bus Stops

  // Zoom to Map Extent

}

这是我添加的按钮：

<button id="homeImg" onclick="goHome()">
  <img id="myImg" src="img/home.png" />
</button>

主页按钮#homeImg的CSS

/* for the Home Button CSS */

#homeImg {
  position: absolute;
  top: 138px;
  left: 28px;
  z-index: 8;
  background-color: #888888;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}