精品国产免费观看久久久_久久天天躁狠狠躁夜夜爽_无码人妻少妇久久中文字幕_狠狠做深爱婷婷久久综合一区

互聯網知識

精準傳達 ? 價值共享

洞悉互聯網前沿資訊，探尋網站營銷規律

查看其它板塊

網頁里嵌入谷歌地圖教程

作者：狐靈科技 | 2019-12-28 17:00 |點擊：

前言

百度地圖目前不支持英文，所以如果想向網頁中嵌入英文地圖的話只能使用谷歌地圖。

（當然，想在國內從瀏覽器訪問谷歌地圖的大前提是已經翻了墻。）

點擊左側的“共享”->“嵌入地圖”，便可獲得嵌入地圖的iframe代碼。

谷歌嵌入地圖生成

完整代碼如下：

<iframe src="https://www.Google.com/maps/embed?pb=!1m18!1m12!1m3!1d391565.2558546159!2d116.11727013234623!3d39.9390731255796!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x35f05296e7142cb9%3A0xb9625620af0fa98a!2z5Lit5Zu95YyX5Lqs5biC!5e0!3m2!1szh-CN!2sjp!4v1499172397317" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

 

但這個API并沒有設置顯示語言的地方。雖然官網說谷歌地圖會因地區而自動顯示不同的語言，但事實上顯示哪種語言與瀏覽器設置的默認語言有關。

那么如果想強制指定為英文怎么辦呢？下面給出兩種解決方案。

解決方案一：調用另一個嵌入地圖API

https://developers.google.com/maps/documentation/embed/guide#api

這個API也是谷歌官方提供的，使用起來唯一有點不方便的地方就是要申請一個API。（點這里->）Google API console。

<html>
<head>

</head>

<body>

<iframe
  width="600"
  height="450"
  frameborder="0" style="border:0"
  src="https://www.google.com/maps/embed/v1/place?key=從谷歌那里申請到的API
    &q=北京市&language=en-US">
</iframe>

</body>
</html>

 

如上，在src的url參數里追加 language=en-US 就可以了。還有，key的值要替換成從谷歌那里申請好的API。

解決方案二：調用Maps javaScript API

 

 

https://developers.google.com/maps/documentation/JavaScript/adding-a-google-map

下面的代碼是在谷歌官方例子的基礎上做了一點修改，也是只需要追加language=en-US 就可以了。

另外，同樣需要申請API.

<!DOCTYPE html>
<html>
  <head>
    <style>
       #map {
        height: 400px;
        width: 100%;
       }
    </style>
  </head>
  <body>
    <h3>My Google Maps Demo</h3>
    <p id="map"></p>
    <script>
      function initMap() {
        var uluru = {lat: -25.363, lng: 131.044};
        var map = new google.maps.Map(document.getelementbyid('map'), {
          zoom: 4,
          center: uluru
        });
        var marker = new google.maps.Marker({
          position: uluru,
          map: map
        });
      }
    </script>
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=從谷歌那里申請到的API&callback=initMap&language=en-US">
    </script>
  </body>
</html>

 

第二個方法的缺點是沒有生成左上角的標識，如果需要還需要繼續添加代碼。

如沒特殊注明，文章均為狐靈科技原創,轉載請注明?? "網頁里嵌入谷歌地圖教程
相關推薦
多一份免費策劃方案，總有益處。

請直接添加技術總監微信聯系咨詢

網站設計 品牌營銷

多一份參考，總有益處

聯系狐靈科技，免費獲得專屬《策劃方案》及報價

咨詢相關問題或預約面談，可以通過以下方式與我們聯系

業務熱線：15082661954 / 大客戶專線：15523356218

關于狐靈科技

+

狐靈致力于互聯網品牌建設與網絡營銷，專業領域包括 網站建設、 SEO優化、移動互聯網營銷、高端網站建設、高端網站設計、品牌網站定制開發、營銷策劃推廣電子商務、移動互聯網營銷、 為不同類型的客戶提供良好的互聯網應用定制解決方案，我們將策略和執行緊密結合，且不斷評估并優化我們的方案，為客戶提供一體化全方位的互聯網品牌整合方案！

我們的優勢

量身打造個性化網站制作

代碼深度符合SEO優化

一站式企業網站建設服務

前沿視覺設計、研發能力

重慶網站建設公司

多項網站設計傳播大獎

營銷型網站建設專家

自主研發網站管理系統

B2C電商網站建設供應商

完善的售后服務體系

我們的不同

+

在我們的對手消耗大量的時間停留在碎片化的互聯網設計或者程序實現的時候，我們已經開始把數字化品牌建設和網絡傳播進行了整合。我們提供從前期的網站品牌分析策劃、網站設計、創意表現、系統開發以及后續網站運營反饋建議等一系列服務，幫助企業打造創新的互聯網品牌經營模式與有效的網絡營銷方法,為所有謀求長遠發展的企業品牌貢獻全力！

公司地址：重慶市九龍坡楊家坪重百大樓21-8 | 業務熱線：15082661954

Copyright © 2017-2020 Fox spirit Network. 狐靈科技 版權所有 | 渝ICP備19005721號-1

專業團隊為您提供 重慶網頁設計, 品牌網站設計,營銷型網站制作,SEO優化關鍵詞排名推廣等服務,建網站就找狐靈科技！ | TAG標簽 | 網站建設地圖 | 網站地圖