Question

过去几周发生的事情我不知道谷歌是否再次搞砸了事情。我的地图停止了工作。

我将应用Angular转移到路线上。加载联系人页面时，调用 initializeMap 函数。我从谷歌控制台获得了新的浏览器api密钥。我启用了Javascript Map Api。我在凭证中输入了我的URL。有时它会给出错误无效键***但有时只会出错。

如果我将所有内容放在一个文件中，它可以在我的域上运行。它也适用于codepen。我不知道为什么？调试这个东西没有错误。我心爱的javascript。 http://codepen.io/emrahatilkan/pen/bVwzrR

编辑：这肯定是角度。

index.html中的Google Map Link：

<script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY"></script>

我的网址： index.html /＃/ contact 我不知道它是否相关，但 contact.html 位于 pages / 文件夹中。

我的代码在main.js中：

function initializeMap() {
        console.log('init map'); //this outputs to console
        var mapOptions = {
            center: { lat: 39.7944417, lng: 30.4935026 },
            zoom: 16,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            scaleControl: false,
            scrollwheel: false
        };
        var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
        var marker = new google.maps.Marker({
            position: map.getCenter(),
            map: map,
            title: 'Some Title'
        });

        var infowindow = new google.maps.InfoWindow({
            content: '<h5>Some Title</h5>'

        });
        google.maps.event.addListener(marker, 'click', function () {
            infowindow.open(map, marker);
        });

    }

Google Map Javascript Api，Angular，Dynamicly Loaded Page

0 个答案: