बूटस्ट्रैप मोडल आवश्यकताएं आर्कजीआईएस सर्वर मानचित्र

Question

के लिए परिभाषित नहीं की गई हैं, कृपया मुझे क्षमा करें यदि यह बहुत आसान है लेकिन मैं इस मुद्दे को हल करने के लिए आसपास के काम को खोजने में सक्षम नहीं हूं।

मैं बूटस्ट्रैप मोडल में ESRI मानचित्र खोलने की कोशिश कर रहा हूं। पहली बार यह नक्शा लोड नहीं करता है (कंसोल में मुझे त्रुटि दिखाई देती है "आवश्यकता परिभाषित नहीं है") लेकिन दूसरी बार यह ठीक काम करता है। यदि मैं एक अलग विंडो में नक्शा खोलता हूं तो यह हर बार अच्छी तरह से काम करता है।

मेरे आंशिक दृश्य ऐसा दिखाई देता है:

@{ 
    <link rel="stylesheet" href="https://js.arcgis.com/3.21/dijit/themes/claro/claro.css"> 
    <link rel="stylesheet" href="https://js.arcgis.com/3.21/esri/css/esri.css"> 

    <script src="https://js.arcgis.com/3.21/"></script> 
    <script> 
     var map; 

     require([ 
      "esri/map", 
      "dojo/parser", 
      "dojo/domReady!" 
     ], 
     function (
      Map, 
      parser 
     ) 
     { 
      parser.parse(); 

      map = new Map("map", { 
       basemap: "streets", 
       center: [5.79, 50.97], // lon, lat 
       zoom: 16, 
       slider: false 
      }); 
     }); 
    </script> 
} 

<div class="modal-header"> 
    <a class="close" data-dismiss="modal">&times;</a> 
    <h4>DrawProjectLocation</h4> 
</div> 
<div class="modal-body"> 
    <div id="mainWindow" data-dojo-type="dijit/layout/BorderContainer" data-dojo-props="design:'headline', gutters:false" style="width:100%; height:100%;">  
     <div id="map" class="roundedCorners" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'center'"> 

     </div> 
     <div id="footer" class="roundedCorners" data-dojo-type="dijit/layout/ContentPane" data-dojo-props="region:'bottom'"> 
      <div id="editorDiv"></div> 
     </div> 
    </div> 
</div> 
<div class="modal-footer"> 
    <span id="info" style="position:absolute; left:15px; bottom:15px; color:#000; z-index:100"></span> 
    <button type="submit" class="btn btn-success" id="submitButton">Save</button> 
    <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button> 
</div> 

मैं अपने आंशिक दृश्य में require.js शामिल करने की कोशिश की, लेकिन यह मदद नहीं की। क्या कोई मुझे बता सकता है कि यहां क्या गलत हो रहा है। धन्यवाद!!

Answer 1

अंततः मैंने आंशिक दृश्य के बजाय मुख्य दृश्य पर आर्कजीआईएस के लिए जेएस जोड़कर इस मुद्दे को हल किया। चूंकि RequJS को असीमित रूप से लोड किया जा रहा है, इसलिए अन्य स्क्रिप्ट/फ़ंक्शंस पूरी तरह से लोड होने तक प्रतीक्षा नहीं करते हैं।

एक और कामकाज RequJS के लिए कॉन्फ़िगरेशन सेट करके बूटस्ट्रैप मोडल लोड करना है ताकि यह सुनिश्चित किया जा सके कि सभी आवश्यक स्क्रिप्ट प्रारंभ में लोड हो जाएं। उदाहरण here

Answer 2

कृपया अपना प्रश्न विशिष्ट हो सकता है। आपने आवश्यकताएँ.जेएस कहां शामिल किया? स्क्रिप्ट से पहले इसे शामिल करने का प्रयास करें और requ.js शामिल होने पर कंसोल में जांचें।