Esri JS書簽在單獨的Div中

Question

使用Esri JavaScript API，我需要創建許多不同的書簽，並通過HTML在單獨的div標簽中進行訪問。 我嘗試創建此JS Fiddle 。

我以為，如果我定義了單獨的書簽和書簽項，那會起作用。 還沒有成功。 我想我很親近，缺少一些簡單的東西。

      var bookmark1 = new esri.dijit.Bookmarks({
      map: map, 
      bookmarks: Bookmark_1

    }, dojo.byId('Bookmark1'));

Answer 1

我不確定我是否了解您，但是....嘗試以下操作：

腳本：

   require(['dojo/_base/declare', 'esri/map', "esri/dijit/Bookmarks", 'dijit/Dialog',
  'dijit/layout/BorderContainer', 'dijit/layout/ContentPane'], function (declare, Map, Bookmarks) {
      var map = new Map("map", {
          basemap: "satellite",
          center: [-70.302994, 41.700140],
          zoom: 10
      });

      bookmark = new Bookmarks({
          map: map,
          bookmarks: [],
          editable: true
      }, dojo.byId('bookmarks'));

      var bookmarkPA = {
          "extent": {
              "spatialReference": {
                  "wkid": 102100
              },
              "xmin": -8669334,
              "ymin": 4982379,
              "xmax": -8664724,
              "ymax": 4984864
          },
          "name": "Central Pennsylvania"
      };
      // bookmark.addBookmark(bookmarkCA);
      bookmark.addBookmark(bookmarkPA);

身體：

<body>
<div id="leftPane">
    <div id="bookmarks"></div>
</div>

<div id="map"></div></body>

樣式：

    <style>
    body, html {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }

    #map {
        position: fixed;
        top: 0px;
        left: 400px;
        width: 100%;
        height: 100%;
        margin: 0px;
    }

    #leftPane {
        width: 400px;
        height: 100%;
        background-color: gray;
        overflow: scroll;
        border-color: #242222;
        border-width: 2px;
    }
</style>

Esri JS書簽在單獨的Div中

問題描述

1 個解決方案

解決方案1
0 2014-12-12 17:25:05

Esri JS書簽在單獨的Div中

問題描述

1 個解決方案

解決方案1 0 2014-12-12 17:25:05

解決方案1
0 2014-12-12 17:25:05