我想用javascript显示一个google自定义地图,我在一个代码模块中设置了这个代码,但是当我发布它时,它只显示代码而不是地图,我如何才能正确显示我的地图?该代码在中工作。html文件。提前感谢
<div id ="map" style="height:500px"> </div>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAYNLXo8S5TxDJKElasñdkfIIRFEzeECQZ8&callback=initMap&libraries=&v=weekly" defer></script>
<script type="text/javascript">
"use strict";
let map;
function initMap() {
map = new google.maps.Map(document.getElementById("map"), {
center: {
lat: 40.6059969,
lng: -3.706213,
},
zoom: 13,
mapTypeId: \'hybrid\'
});
var image = {
url: \'../../resources/logo.png\', //ruta de la imagen
//size: new google.maps.Size(40, 60), //tamaño de la imagen
//origin: new google.maps.Point(0,0), //origen de la iamgen
//el ancla de la imagen, el punto donde esta marcando, en nuestro caso el centro inferior.
//anchor: new google.maps.Point(20, 60)
};
var marker = new google.maps.Marker({
position: {
lat: 40.617335,
lng: -3.703045
},
map: map,
icon: image,
title: \'Sequopro\'
});
marker3.addListener("click", ()=>{
alertify.alert("INFO","En el ayuntamiento no hay ningún Sequosentry operativo!");
});
}
</script>