使用谷歌地圖JavaScript API的好方法

我正在嘗試將所有的JavaScript文件和js插件等編譯成一個JavaScript文件，然後將其包含到我的網站中。到目前爲止，我一直在用npm來達到這個目的，但是當我想要包含的庫不能像那樣工作時，我真的很掙扎。例如Google Maps API。那麼，我該如何處理這種情況呢？我一直在問，我聽說沒有辦法「包含」一個JavaScript文件，就像你可以包含一個PHP文件一樣，但這是最終的答案嗎？使用谷歌地圖JavaScript API的好方法

我知道你可以在運行時用jQuery包含其他文件，但這樣你就不會避免額外的http調用，記住理想的情況是調用一個包含所有你需要的js代碼的javascript文件。

即使當我在javascript中使用require時，所需的文件必須具有適當的格式，我必須將它分配給變量bla bla bla，但是當我包含這樣的腳本<script type="text/javascript" src="myjsfile.js"></script>時，所有內容都正確包含在我的作用域中。

我該如何解決這個問題？如果像gulp這樣的javascript編譯器複製了我所有的javascript源文件的內容並將它們粘貼到一個單獨的合併文件中，這將是一個好習慣嗎？這不會像調用所有這些文件一樣工作嗎？

嗯，我開始這個問題，因爲我有谷歌地圖API的麻煩，但問題是更一般的，所以如果你能幫助我，請回答上述問題。反正在谷歌地圖API的情況下，我與它的工作完全沒有問題，當我有像這樣

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

但我怎麼能融入我的，包括庫的縮小的方式呢？我試圖使用一些與谷歌地圖api集成的npm庫（例如this），但我遇到了CORS問題，我認爲這是一個預期的行爲。

在此先感謝！對不起，如果聽起來很愚蠢，我正試圖學習編碼的好方法。

來源

2017-02-13 George Dimitriadis

Google Maps JavaScript API必須從Google服務器加載，否則它將無法按預期工作。你不應該把它合併到你的本地js文件中。 – xomena

體面的問題。我不是專家，但有我的subqestion /回答： 'async' atribute讓同時加載HTML和腳本（S）。如果地圖是網站的主要功能，我將放置在加載HTML文件的頂部，所以它並不總是規則放置在底部。

來源

2017-02-13 17:06:31 BRad

使用谷歌地圖JavaScript API的好方法

回答

相關問題