1. 程式人生 > >react中英文切換三之谷歌地圖中英文切換

react中英文切換三之谷歌地圖中英文切換

  <script>
    const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn/maps/api/js?key=YOUKEY&language=zh-CN&libraries=geometry":
      "//maps.google.cn/maps/api/js?key=YOUKEY&language=en-US&libraries=geometry";
    const script = document.createElement("script");
    script.type = "text/javascript";
    script.src = url;
    document.body.appendChild(script);
  </script>

谷歌地圖語言根據引數&language=en-US來切換,只需在index.html底部寫上上面的程式碼,把key換成自己的,程式碼中localStorage前兩篇相關文章中已經涉及到了,由於最近谷歌地圖https使用時要翻牆,不然會報錯,以前不會,這有點坑,不知道以後能不能正常使用,不過http時沒問題的,所以網站本身時http的可以放心使用。

好了,react中英文切換系列文章就更新到這裡,如有錯誤,歡迎指正

相關推薦

react中英文切換地圖中英文切換

<script> const url=localStorage.getItem('lang_type')==="zh_CN"?"//maps.google.cn/maps/api/js?key=YOUKEY&language=zh-CN&

地圖 API 開發獲取坐標以及街道詳情

gpo 窗口 top ces site 1.0 char 回調 .sh 自己的項目中有獲取當前點擊的坐標經緯度或者獲取當前街道的信息的需求。估計這個對於新手來說,還是比較麻煩的,因為從官網上找這個也並不是很好找,要找好久的,運氣好的可能會一下子找到。 獻上自己寫的測試案例。

地圖路徑回放動畫的實現(

 因為公司有一些特殊的需求,前幾天在做上一個上一個專案的時候,用到了谷歌地圖,路徑回放這個功能再百度地圖和高德地圖是有API直接可以使用的,奈何公司領導只讓用谷歌地圖,搜尋發現網上並無多少相關文章,所以我把我在開發過程中遇到的問題記錄下來,希望能夠幫助大家。我的可能不是最優解

c#兩種方式呼叫google地球,呼叫COM API以及呼叫GEPLUGIN 與js互動,載入kml檔案,dae檔案。將二維高德地圖覆蓋到到地球表面。

網路上資源很多不全面,自己在開發的時候走了不少彎路,在這裡整理了最全面的google全套開發,COM互動,web端互動。封裝好了各種模組功能。 直接就可以呼叫。 第一種方式:呼叫COMAPI實現呼叫google地球 1、安裝googleearth客戶端。傳送門:https://pan.baidu.com/

javaweb中使用百度、地圖進行定位

gets .get pos 地圖 click sea over pad peid 第一種 百度 直接上代碼: <!DOCTYPE> <html> <head> <meta name="viewport

地圖聚合點

amp () ont 為我 att unp scrip 範圍 pat 我們有時候需要觀察地圖 不同地方數據的所在範圍和分布密集情況,熱力圖和聚合點的使用無疑是最好的選擇。 1.首先說說百度地圖,只做國內的地圖可以使用百度地圖的海量點和熱力圖還是蠻好用的。 a.海量點的最大好

Google Map Api 地圖接口整理

服務器 依次 wheel gets 並且 ast utf 整理 實例化 一:基本知識: 1. 使用谷歌地圖 API 的第一步就是要註冊一個 API 密鑰,需要註重一下兩點: 1.假如使用 API 的頁面還沒有發布,只是在本地調試,可以不用密鑰,隨便用個字符串代替就

地圖

owin disabled eve mar PE tree edi TP listener 谷歌地圖的api: https://developers.google.com/maps/documentation/javascript/ init () { let _this

根據經緯度根據地圖接口獲取到當前地址

component col 經緯度 ati Language pre googl _id .com /*http://maps.google.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=t

根據經緯度根據地圖介面獲取到當前地址

/*http://maps.google.com/maps/api/geocode/json?latlng=40.714224,-73.961452&sensor=true */ 上面的訪問地址國內可能無法訪問,國內可以訪問以下地址 String url = "http:

地圖下載|地圖app下載

在谷歌的實驗室裡,出現了一項新的產品,它就是谷歌及李開復曾兩次公開承諾"很快"就會出現的公交查詢服務,谷歌公交搜尋。這一項集成於谷歌地圖的產品,作為谷歌地圖行車路線的一部分。儘管當前只提供了北京、上海、廣州、南京和杭州的公交線路查詢,但相信谷歌以後會逐步增加新的城市進去。另外,毫無懸念地,谷歌公交搜尋使用的資

地圖goole----指向連結網址

<!DOCTYPE html> <html> <head>     <title>Get started with MapView - Create a 2D map</title> </head>>

地圖換介面的新聞

Google公佈新版谷歌地圖嵌入API 提供位置和外觀定製選項                 

訪問無偏移的地圖——工具篇

谷歌地圖偏移問題由來已久,困擾了不少涉及GIS或地圖相關的朋友。偏移的原因也無需詳述,本文簡單描述一下解決方法,即怎麼才能訪問到無偏移的地圖呢? 官方連結 眾所周知,谷歌地圖因質量好、解析度高、覆蓋範圍廣、更新頻率快等,倍受大家喜歡和使用。可谷歌地圖為了適應中國市場,專門提供兩個連結: 谷歌地圖(中國)

地圖換接口的新聞

去年 選項 pid mbed https src css lease stat 版權聲明:本文為博主原創文章。未經博主同意不得轉載。 https://blog.csdn.net/huangbin10025/article/details

如何新增infowindow距離和時間像地圖的折線連線兩個點?

我工作在離子離子谷歌地圖應用程式和使用谷歌提供的本機和方向服務我甲型肝炎多個途徑,使用以下程式碼: calculateAndDisplayRoute() {var points = [];this.directionsService.route({origin: this.start,destination

如何添加infowindow距離和時間像地圖的折線連接兩個點?

添加 step sse status true provide led 使用 程序 我工作在離子離子谷歌地圖應用程序和使用谷歌提供的本機和方向服務我甲型肝炎多個途徑,使用以下代碼: calculateAndDisplayRoute() {var points = [];th

瀏覽器怎麼樣切換為原來的經典主題面板

在前幾天Chrome瀏覽器升級到了最新版的chrome 69,在該版本中使用了最新的UI,很多網友不習慣現在的標籤樣式,那麼我們就切換回原來的經典主題面板吧,下面一起來看看操作的方法。 首先我們在電腦上開啟chrome瀏覽器,可以看到升級後新版的chrom

如何利用LRUCache製作安卓端地圖的三級快取

第一個檔案,繼承ArcGIS的TileServerLayer /** * * @author wjf * @date 2018/09/30 */ public class GoogleMapLayer extends TiledServiceLayer {

百度與地圖瓦片組織方式對比

百度是從中心點經緯度(0,0)度開始計算瓦片,在第1級時百度將世界地圖分為4塊。 中心點右上部分(中國地區)佔1塊。 谷歌是從左上角經緯度(-180,90)度開始計算瓦片,在第1級時谷歌將世界地圖分為1塊。 在第2級時,百度地圖(中心點右上部分)分為