Chave de api de javascript do Google Map
estou a usar uma aplicação cordova e tenho uma chave de navegador para o mapa.
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBHJxzPHD_egYnhxntqcvfem35YRjruzAg&callback=initMap">
</script>
Mas quero tirar a minha chave do servidor, tirei e guardo esta chave como
localStorage.getItem("MapCode")
Esta localização dá
Quero escrever isto ao src, mas não consegui."https://maps.googleapis.com/maps/api/js?key=AIzaSyBHJxzPHD_egYnhxntqcvfem35YRjruzAg&callback=initMap"
<script async defer
src=localStorage.getItem("MapCode")>
</script>
Como posso resolver isto?Obrigado antecipadamente.
2
1 answers
Você pode carregar a API JavaScript do Google Maps dinamicamente. Para este efeito, pode criar o seguinte código:
function loadScript() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = localStorage.getItem("MapCode");
document.body.appendChild(script);
}
window.onload = loadScript;
Por favor, veja o código da amostra http://jsbin.com/carobun/edit?html, produção
Excerto de Código:
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>
2
Author: xomena, 2017-02-05 15:13:23