需要一個具有在谷歌地圖上使用Typescript知識的人。對@types/googlemaps的具體知識是有用的。
我正在創建一個Typescript應用程式，它從用戶那里獲得一個地址，并在Google地圖上顯示它。
我已經創建了一個type GoogleGeocodingResponse，它接受GeoCoding response.data.results作為{geometry: {location: {lat: Number; lng: Number}}
然后我使用Axios來：
.get<GoogleGeocodingResponse> (
`https://maps.googleapis.com/maps/api/geocode/json?
address=${encodeURI(enteredAddress)}& key=${GOOGLE_API_KEY}`
)
我不明白的部分是，我如何使用這些資料來創建一個LatLng？ 我一直在使用：
const coordinates = new google.maps.LatLng（{
lat: Number(response.data.results[0] 。 geometry.location.lat）。)
lng: Number(response.data.results[0] 。 geometry.location.lng）。)
})
轉換為Number型別是可行的，但是我似乎應該能夠直接從GoogleGeocodingResponse中獲取資料，而不必先轉換。 我必須要特別定義一個型別嗎？ 在@types/google.maps中是否有一個我可以使用的型別？其他的嗎？
uj5u.com熱心網友回復：
你不應該把型別Number和number混在一起。
型別
Number不能分配給型別number。number是一個基元，但是Number是一個封裝物件。如果可能的話，最好使用number。
{geometry: {location: {lat: number; lng: number}} (N -> n)
我已經測驗了它。它是有效的。你應該總是使用原始型別（小寫）。沒有必要再投擲。如果你愿意，你也可以在你的賦值后面使用as number。但我建議將你的型別從Number改為number。
解決方案A（推薦）：
//使用原始型別。
type YourType = { geometry: { location: { lat: number; lng: number } } };
解決方案B：
const coordinates = new google.maps.LatLng({
lat: response.data.results[0] 。 geometry.location.lat as number,
lng: response.data.results[0] 。 geometry.location.lng as number,
})
另外，你的Number(value)的解決方案只起作用，因為Number回傳型別number（原始/小寫）。
閱讀更多TypeScript的注意事項.
。? 永遠不要使用 Number、String、Boolean、Symbol 或 Object 這些型別指的是非原始的盒式物件，在 JavaScript 代碼中幾乎從未被適當使用。
?請使用數字、字串、布林值和符號等型別。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/328631.html
標籤：
上一篇：用圖畫形式表現python詞典
鏈接：https://codeforces.com/problemset/problem/1400/E 來源：Codeforces 思路：給你一個陣列，現在你可以進行兩種操作，操作1：將一段沒有 0 的區間進行減一的操作，操作2：將 i 位置上的元素歸零。最終問：將這個陣列的全部元素歸零后操作的最少 ......
uj5u.com 2020-09-10 00:57:30 more本人看到此題沒有翻譯，就附帶了一個自己的翻譯版本 思考 這一題，它的第一個要求是找出所有 $7$ 位反向質數及其質因數的個數。 我們應該需要質數篩篩選1~$10^{7}$的所有數，這里就不慢慢介紹了。但是，重讀題，我們突然發現反向質數都是 $7$ 位，而將它反過來后的數字卻是 $6$ 位數，這就說明 ......
uj5u.com 2020-09-10 00:57:36 more1、C中的const 1、區域const變數存放在堆疊區中，會分配記憶體（也就是說可以通過地址間接修改變數的值）。測驗代碼如下： 運行結果： 2、全域const變數存放在只讀資料段（不能通過地址修改，會發生寫入錯誤）， 默認為外部聯編，可以給其他源檔案使用（需要用extern關鍵字修飾） 運行結果： ......
uj5u.com 2020-09-10 00:58:04 more1. 首先在資源視圖中，添加資源 2. 點擊新添加的資源，復制自動生成的ID 3. 在解決方案資源管理器中找到Resource.h檔案，編輯，使用整個專案搜索和替換的方式快速替換 宏宣告 4. Ctrl+Shift+F 全域搜索，點擊查找全部，然后逐個替換 5. 為什么使用搜索替換而不使用屬性視窗直 ......
uj5u.com 2020-09-10 00:59:11 more1. 打開資源頭檔案Resource.h，在其中預先定義好宏 ID（不清楚其實ID值應該設定多少，可以先新建一個相同的資源項，再在這個資源的ID值的基礎上遞增即可） 2. 在資源視圖中選中專案資源，按F7編輯資源檔案，按 ID 型別 相對路徑的形式添加 資源。（別忘了先把檔案拷貝到專案中的res檔案 ......
uj5u.com 2020-09-10 01:00:19 more今天要講的是C++中我最喜歡的一個用法——參考，也叫別名。 參考就是給一個變數名取一個變數名，方便我們間接地使用這個變數。我們可以給一個變數創建N個參考，這N + 1個變數共享了同一塊記憶體區域。(參考型別的變數會占用記憶體空間，占用的記憶體空間的大小和指標型別的大小是相同的。雖然參考是一個物件的別名，但 ......
uj5u.com 2020-09-10 01:00:22 more眾所周知，C ++的學習曲線陡峭，但是花時間學習這種語言將為您的職業帶來奇跡，并使您與其他開發人員區分開。您會更輕松地學習新語言，形成真正的解決問題的技能，并在編程的基礎上打下堅實的基礎。 C ++將幫助您養成良好的編程習慣（即清晰一致的編碼風格，在撰寫代碼時注釋代碼，并限制類內部的可見性），并且由 ......
uj5u.com 2020-09-10 01:00:41 moreRust中的智能指標是什么 智能指標（smart pointers）是一類資料結構，是擁有資料所有權和額外功能的指標。是指標的進一步發展 指標（pointer）是一個包含記憶體地址的變數的通用概念。這個地址參考，或 ” 指向”（points at）一些其 他資料 。參考以 & 符號為標志并借用了他們所 ......
uj5u.com 2023-04-20 07:24:10 more值傳遞不會改變本身，參考傳遞（如果傳遞的值需要實體化到堆里）如果發生修改了會改變本身。 1.基本資料型別都是值傳遞 package com.example.basic; public class Test { public static void main(String[] args) { int ......
uj5u.com 2023-04-20 07:24:04 more第一個 Scala 程式 shell里面輸入 $ scala scala> 1 + 1 res0: Int = 2 scala> println("Hello World!") Hello World! 檔案形式 object HelloWorld { /* 這是我的第一個 Scala 程式 * 以 ......
uj5u.com 2023-04-20 07:23:58 more理解 函式指標 指向函式的指標。比如： 理解函式指標的偽代碼 void (*p)(int type, char *data); // 定義一個函式指標p void func(int type, char *data); // 宣告一個函式func p = func; // 將指標p指向函式func ......
uj5u.com 2023-04-20 07:23:52 more本文首發于公眾號：Hunter后端 原文鏈接：Django筆記二十五之資料庫函式之日期函式 日期函式主要介紹兩個大類，Extract() 和 Trunc() Extract() 函式作用是提取日期，比如我們可以提取一個日期欄位的年份，月份，日等資料 Trunc() 的作用則是截取，比如 2022-0 ......
uj5u.com 2023-04-20 07:23:45 more什么是JVM？ JVM，全稱Java Virtual Machine（Java虛擬機），是通過在實際的計算機上仿真模擬各種計算機功能來實作的。由一套位元組碼指令集、一組暫存器、一個堆疊、一個垃圾回收堆和一個存盤方法域等組成。JVM屏蔽了與作業系統平臺相關的資訊，使得Java程式只需要生成在Java虛擬機 ......
uj5u.com 2023-04-20 07:23:31 more更新完微信服務號的模板訊息之后，我又趕緊把微信小程式的訂閱訊息給實作了！之前我一直以為微信小程式也是要企業才能申請，沒想到小程式個人就能申請。 訊息推送平臺🔥推送下發【郵件】【短信】【微信服務號】【微信小程式】【企業微信】【釘釘】等訊息型別。 https://gitee.com/zhongfuch ......
uj5u.com 2023-04-20 07:22:59 more緩沖流 緩沖流, 也叫高效流, 按照資料型別分類： 位元組緩沖流：BufferedInputStream，BufferedOutputStream 字符緩沖流：BufferedReader，BufferedWriter 緩沖流的基本原理，是在創建流物件時，會創建一個內置的默認大小的緩沖區陣列，通過緩沖 ......
uj5u.com 2023-04-20 07:22:49 more老實說，人太懶了，現在基本都不喜歡寫筆記了，但是網上有關Range請求頭的文章都太水了 下面是抄的一段StackOverflow的代碼...自己大修改過的，寫的注釋挺全的，應該直接看得懂，就不解釋了 寫的不好...只是希望能給視頻網站開發的新手一點點幫助吧. 業務場景：視頻分段傳輸、視頻多段傳輸（理 ......
uj5u.com 2023-04-20 07:22:42 more教程簡介 Windows 10開發入門教程 - 從簡單的步驟了解Windows 10開發，從基本到高級概念，包括簡介，UWP，第一個應用程式，商店，XAML控制元件，資料系結，XAML性能，自適應設計，自適應UI，自適應代碼，檔案管理，SQLite資料庫，應用程式到應用程式通信，應用程式本地化，應用程式 ......
uj5u.com 2023-04-20 07:22:35 more