मैं कॉर्डोवा एप्लिकेशन का उपयोग कर रहा हूं और मानचित्र के लिए ब्राउज़र कुंजी है।

<script async defer

        src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHJxzPHD_egYnhxntqcvfem35YRjruzAg&callback=initMap">
</script>

लेकिन मैं सर्वर से अपनी कुंजी लेना चाहता हूं, मैंने लिया और मैं इस कुंजी को इस रूप में संग्रहीत करता हूं

localStorage.getItem("MapCode")

यह स्थान देता है

"https://maps.googleapis.com/maps/api/js? key=AIzaSyBHJxzPHD_egYnhxntqcvfem35YRjruzAg&callback=initMap"

इसलिए मैं इसे src पर लिखना चाहता हूं लेकिन मैं ऐसा नहीं कर सका।

<script async defer

            src=localStorage.getItem("MapCode")>
    </script>

मैं इसे कैसे हल कर सकता हूँ?अग्रिम धन्यवाद

2
pc_coder 1 जून 2016, 09:26

1 उत्तर

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

आप Google मानचित्र JavaScript API को गतिशील रूप से लोड कर सकते हैं। इस उद्देश्य के लिए आप निम्न कोड बना सकते हैं:

function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = localStorage.getItem("MapCode");
    document.body.appendChild(script);
}

window.onload = loadScript;

कृपया नमूना कोड देखें http://jsbin.com/carobun/edit?html,output< /ए>

कोड स्निपेट:

var map;

function initialize() {
    var c = new google.maps.LatLng(54.8867537,-1.557352);
    var mapOptions = {
        zoom:7,
        center: c
    };
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}
 
function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?v=3' +
        '&key=AIzaSyDztlrk_3CnzGHo7CFvLFqE_2bUKEq1JEU&callback=initialize';
    document.body.appendChild(script);
}

window.onload = loadScript;    
html,
body,
#map-canvas {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}
<div id="map-canvas"></div>
4
xomena 21 सितंबर 2019, 18:20