मेरे पास कुछ सरल कोड है जिसमें ब्राउज़र में वेब मानचित्र प्रदर्शित करने के लिए आवश्यक सभी HTML, css/styling, और Javascript शामिल हैं। अगर मैं इसे अपने स्थानीय फ़ाइल से लॉन्च करता हूं, तो यह ब्राउज़र में सही ढंग से खुलता है और वेब मानचित्र प्रदर्शित करता है। अब मैं अपने वर्डप्रेस संपादक/सीएमएस का उपयोग करके उस कोड को एक पृष्ठ में एम्बेड करने का प्रयास कर रहा हूं।

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
<style>
  html, body, #map {
    height: 100%;
    padding: 0;
    margin: 0;
  }
</style>
<script src="https://js.arcgis.com/3.26/"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script>
  require(["esri/map", "dojo/domReady!"], function(Map) {
    var map;
    require(["esri/map", "dojo/domReady!"], function(Map) {
      map = new Map("map", {
        basemap: "topo",
        center: [-122.45, 37.75],
        zoom: 13
      });
    });
  });
</script>

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

मैंने 'स्क्रिप्ट्स एन स्टाइल्स' नामक एक प्लगइन स्थापित करने की कोशिश की, जो कि <script> टैग को पढ़ने में मदद करने के लिए माना जाता है, लेकिन फिर भी, यह सिर्फ खाली के रूप में प्रदर्शित होता है। यह बिल्कुल नया वर्ड प्रेस इंस्टॉलेशन है इसलिए मुझे यकीन नहीं है कि मुझे कुछ और चाहिए या यदि मेरा कोड गलत तरीके से कॉन्फ़िगर किया गया है। कोई सुझाव

0
gwydion93 15 नवम्बर 2018, 19:35

1 उत्तर

सबसे बढ़िया उत्तर

<meta> टैग को <head> के भीतर सबसे अच्छा जोड़ा जाता है, जैसा कि link में होता है (हालाँकि WP के पास पहले से ही यह व्यूपोर्ट टैग है, इसलिए आप इसे अनदेखा कर सकते हैं)। आप शेष को पृष्ठ के भीतर ही जोड़ सकते हैं (पाठ अनुभाग पर - प्लगइन की कोई आवश्यकता नहीं है)। मेरा सुझाव है कि एक नया टेम्प्लेट बनाएं, देखें: WP Template

कंसोल त्रुटि एकाधिक defines दिखाती है। मैंने प्रतीत होता है कि डुप्लिकेट require निकाला और यह एक पृष्ठ पर ठीक काम करता है (कॉपी/पेस्ट):

<link rel="stylesheet" href="https://js.arcgis.com/3.26/esri/css/esri.css">
<style>
  html, body, #map {
    height: 100%;
    padding: 0;
    margin: 0;
  }
</style>
<script src="https://js.arcgis.com/3.26/"></script>
<script src="https://requirejs.org/docs/release/2.3.5/minified/require.js"></script>
<script>
    var map;
    require(["esri/map", "dojo/domReady!"], function(Map) {
      map = new Map("map", {
        basemap: "topo",
        center: [-122.45, 37.75],
        zoom: 13
      });
    });
</script>

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

हालांकि यह काम करता है, फिर भी मैं इसे एक टेम्पलेट पर डालने की सलाह दूंगा।

1
Tony M 15 नवम्बर 2018, 17:14