Jquery Google map在localhost中工作，但不在已发布的IIS中工作，而是在<；iframe>；在这两个地方都工作

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

我创建了一个页面，以两种方式在我的MVC项目中显示GoogleMap

方式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>

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

这两种方式的区别是什么？为什么地图没有按方式1显示在已发布的网站上。

转到：。
转到相应的项目。
在左侧，您将看到API和auth（下拉列表）。
转到凭据。您将在那里拥有API密钥。转到谷歌地图API（或任何谷歌API）。单击“编辑允许的引用者”并在那里添加您的域。
如果您有托管不同域的不同服务器，请单击“生成密钥”（如果您还没有），然后获取服务器密钥。然后单击“编辑允许的IP”。

---

这就是白名单

尝试$j（document）.ready（函数（）{initialize（）；}）@pszaba第一个代码在本地主机中工作，仅在发布的服务器中发布。第二个代码在两侧工作。您的IIS是否已列入白名单，即“允许的引用者”中开发者控制台中的列表？@KayAnn如果没有完成，我可以部署我的项目。唯一的问题是谷歌地图。但如果我使用iframe，它也可以工作。您可以使用iframe，但请记住，您可能无法通过iframe获得所需的所有地图API功能。另外，在谷歌的开发者控制台中，使用白名单服务器也非常简单。无论哪种方式，都要注意服务条款。

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