2014-11-05 100 views
-3

谷歌地图不显示在我的网站页面的PHP版本。请帮忙。这里是网页和源代码。谷歌地图不显示在网站上

<section class="meteor-google-map fullwidth block" style="height: 450px; border: solid transparent; border-width: 1px 0; margin-bottom: 4em;"> 
<div class="" style="height: 450px; border: solid transparent; border-width: 1px 0; margin-bottom: 4em;"> 
<span class="map-data hidden">{"latlong":"44.99746,-91.72712","type":"ROADMAP","zoom":16,"title":"Our Headquarters","link":"","tooltip":"","fullscreen":true}</span> 
<div class="infobox-content hidden"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
</div> 
</div><!-- .meteor-google-map --> 
</section> 
+0

你从哪里得到这段代码?我只看到嵌入了iframe的谷歌地图,通常需要API密钥https://developers.google.com/maps/documentation/embed/guide – 2014-11-05 02:40:52

+0

从themeforest.net下载的模板 – steiger16 2014-11-05 02:42:04

+0

它的工作原理是html版本的页面,但当切换到PHP它不会显示 – steiger16 2014-11-05 02:42:37

回答

0

而不是使用您的SPAN标签中的内容,您可以使用此:

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2821.3526561090844!2d-91.72712!3d44.997460000000004!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDTCsDU5JzUwLjkiTiA5McKwNDMnMzcuNiJX!5e0!3m2!1ses!2sar!4v1415155466768" width="600" height="450" frameborder="0" style="border:0"></iframe> 

我希望这是你在找什么

+0

没有那么多。地图只显示在页面的左侧偏离中心,而不是全屏宽度。 – steiger16 2014-11-05 02:59:20

+0

<! - 。流星谷歌地图 - >
steiger16 2014-11-05 03:01:08

+0

这里是一个链接到PHP页面和HTML页面供参考。 [链接](http://www.menomoniepainting.com/contact.php)和[链接](http://www.menomoniepainting.com/contact.php) – steiger16 2014-11-05 03:02:32

0

只是看着你的页面源,你.PHP版本不会在your.html版本的标题中加载一半脚本。我认为这可能是相关的。

+0

哪些脚本?它们在源文件中看起来都一样.... – steiger16 2014-11-05 05:07:42