Question

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

＆＃xA;＆＃xA;

我创建了一个页面，以两种方式在我的MVC项目中显示谷歌地图。< / p>＆＃xA;＆＃xA;

方式1：

＆＃xA;＆＃xA;

 ＆lt; script type =“text / javascript“src =”http://maps.google.com/maps/api/js?sensor=true“＆gt;＆lt; / script＆gt;＆＃xA;＆＃xA;＆lt; div id =”map“style = “width：600px; height：500px”＆gt;＆lt; / div＆gt;＆＃xA;＆＃xA;＆lt; script＆gt;＆＃xA; function initialize（）{＆＃xA; var latlng = new google.maps.LatLng（******，*******）;＆＃xA; var options = {＆＃xA; zoom：16，＆＃xA; center：latlng，＆＃xA; mapTypeId：google.maps.MapTypeId.ROADMAP＆＃xA; };＆＃XA; var map = new google.maps.Map（document.getElementById（“map”），options）;＆＃xA; var marker = new google.maps.Marker（{＆＃xA; position：latlng，＆＃xA; map：map，＆＃xA; title：'******'＆＃xA;}）;＆＃ XA; marker.setIcon（ 'http://maps.google.com/mapfiles/ms/icons/green-dot.png'）;＆＃XA; }＆＃XA; initialize（）;＆＃xA;＆＃xA;＆lt; / script＆gt;＆＃xA;

＆＃xA;＆＃xA;

此代码在我的 localhost中运行良好但在发布到IIS时没有显示地图。它给那里留一个空白。

＆＃xA;＆＃xA;

方式2：

＆＃xA;＆＃xA;

我用过< / p>＆＃xA;＆＃xA;

 ＆lt; iframe src =“https://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&& ;安培;地址解析=＆＃XA;＆放大器;放大器; *************输出=嵌入“＆GT;＆LT; / iframe中＆GT;＆＃XA;

＆ #xA;＆＃xA; 这在IIS上的localhost和发布的网站上运行良好。
＆＃xA;＆＃xA; 两种方式之间有什么区别，为什么地图不是通过方式显示在已发布的网站上。＆＃xA;

Answer 1

转到：https://console.developers.google.com 转到相应的项目。
在左侧，您将看到API＆amp; auth（下拉）。
转到凭据。你将拥有API密钥。转到Google Maps API（或任何Google API）。点击＆＃34;编辑允许的推荐人＆＃34;并在那里添加您的域名如果您有不同的服务器托管不同的域，请单击生成密钥（如果您还没有），并获取服务器密钥。然后单击＆＃34;编辑允许的IP＆＃34;。这是白名单。

Google地图适用于localhost但不适用于已发布的IIS，但<iframe>中的地图适用于这两个地方

1 个答案: