2016-12-28 81 views
-1

問題谷歌地圖(無插件)在WP沒有顯示出來

  • 我公司在WP(兆主題)的網頁,我管理博客和其他的東西,但沒有設計網頁
  • 我不知道如何,我在PHP代碼中觸摸了一些東西(我是一個新手,是的,我知道我不應該觸摸),現在聯繫地圖已經不存在了(div class =「google - 地圖容器「是有但是...空)
  • 沒有備份,所以我可以恢復代碼

代碼

地圖代碼directy寫在PHP(頁面contact.php)。我讓這裏(引擎收錄)的PHP代碼和我得到的HTML,當我打開網頁:

文檔我讀過 (低信譽,不能發佈鏈接)

Google Maps> Web> Maps JavaScript API> Lat/Lng Object Literal

+0

你有沒有看的120線你的PHP代碼? (這是JavaScript,雖然)'new google.maps.Map(document.getElementById('')'?你應該指定一個元素ID。此外,你可能想要將代碼添加到你的實際文章中 –

+0

首先檢查你的代碼PHP文件在那裏你留下評論/ <?php the_title();?> on line no 91 –

回答

0

根據當前的Google Maps API條款,如果您想在自己的網站上實施Google地圖,則需要添加API密鑰。

至於是什麼,我可以在你的PHP代碼中看到有在API網址沒有API密鑰:

所以,你需要生成API密鑰只需登錄

https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false(鏈接從你的PHP代碼拍攝)你的谷歌賬戶,然後訪問以下鏈接:

https://developers.google.com/maps/documentation/javascript/get-api-key

使用「一鍵搞定」按鈕生成API密鑰也提到你的網站的網站網址或IP地址,限制爲API重點工作指定的域,IP或項目只,然後使用谷歌地圖網址是API密鑰,我在下面的格式上面提到的PHP代碼:

https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap

剛剛從谷歌地圖和收到的API密鑰更換YOUR_API_KEY你的地圖就像以前一樣開始工作。

也在你的php文件行中沒有120和HTML文件行201沒有提及elementid。改變那些符合下列之一:

var map = new google.maps.Map(document.getElementById('map_canvas'),mapOptions); 
+0

我按照你的說法試過了,但是不起作用,無論如何都謝謝你。 – irek19

+0

API密鑰通常是受限制的用於特定的域名或IP地址或項目,所以你需要在谷歌給你的地方提供網站的URL API密鑰,然後只有它可以工作。因此,點擊你生成的API密鑰的名稱,將給你選項「 HTTP引用者「在關鍵限制中選擇該選項,然後將網址鏈接添加到引用中,而不僅僅是它可以正常工作,而且我已經在我的答案中更新了鏈接谷歌地圖鏈接,我發現你的HTML文件也具有相同的代碼, ge url在兩個地方都是php和html文件。 –

+0

如果你可以分享你的網站的鏈接,我可以根據找到的錯誤告訴你確切的解決方案。 –

0

選項沒有1:

添加該API的腳本到您的頁眉或頁腳

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs&callback=initMap" 
    async defer></script> 

從您需要更換您的谷歌鍵上面的腳本而不是這個

AIzaSyDpuqmav7ndONLkbKvuSo7fUmUX2MW9bcs 

選項沒有2:

爲了順利產生谷歌的API密鑰 安裝這個插件:

https://wordpress.org/plugins/api-key-for-google-maps/screenshots/ 

genrate API後,您需要複製,並用它爲您的API腳本

感謝

+0

嘗試過兩種。沒有結果。但你的幫助表示讚賞。 – irek19

+0

你可以給我截圖嗎?你會在哪裏錯過你的谷歌地圖? –