谷歌地图在本地主机中工作，但在已发布的IIS中不起作用，但地图在<iframe>两个地方都有效

Question

如果我问了一个不好的问题，请告诉我我会删除这个

我创建了一个页面，以两种方式显示谷歌地图在我的MVC项目。

方式1:

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<div id="map" style="width:600px; height:500px"></div>
<script>
    function initialize() {
        var latlng = new google.maps.LatLng(******, *******);
        var options = {
            zoom: 16,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map"), options);
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            title: '******'
        });
        marker.setIcon('http://maps.google.com/mapfiles/ms/icons/green-dot.png');
       }
    initialize();
</script>

这段代码在我的localhost中工作得很好，但在发布到IIS时没有显示映射。空格

方式2:

我用

<iframe src="https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=
&amp;*************output=embed"></iframe>

这在本地主机和IIS上发布的网站上运行良好。

这两种方式的区别是什么?顺便说一下，为什么地图没有在发布的网站上显示?

访问:https://console.developers.google.com.
转到相应的项目。
在左边你会看到api(下拉)。
转到凭据。这里有API密钥。进入谷歌地图API(或任何谷歌API)。点击"编辑允许的推荐人"并在那里添加您的域名。
如果你有不同的服务器托管不同的域，点击生成密钥(如果你还没有)，并获得一个服务器密钥。然后点击"编辑允许的IP"。这是白名单。