如何用Java脚本显示Google地图

时间:2021-08-13 作者:mourazo

我想用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>

enter image description here

1 个回复
SO网友:DeltaG

您应该将代码放在HTML块中,而不是文本块中。

可以创建新块,键入HTML 在搜索栏中选择它。然后将上述代码粘贴到新块中。

相关推荐

WordPress Shorcode显示层次分类[子项,父项]

在wordpress中显示分类法的父级时,我有一个小问题。(CPT=property and tax = property_city)我做了一些研究,想知道该怎么办。但我不太明白如何显示它们。我给你举个例子,你会很快明白的。what I have (not actual shortcode or any code! Just dynamic tag term showing taxonomy without parent)what I want to do理想的做法是在短代码中显示它们,所以我会在需要的地