Googleマップにあなたの場所を見つけるために話す.
5513 ワード
私の提出の概要
ReadTymapは、音声だけでなく、入力と検索によって場所を検索することができますツールです.ディープグラムとGoogleマップは、ここで使用されている技術です.
時々、人々はちょうどそれがタイピングに関して怠惰です.人々は頻繁に多くの日常的な状況で場所を見つけるためにGoogleマップを使用します.多くの類似したアプリが利用可能であるという事実にもかかわらず、それはまだ単純なものを作成する価値があります.
提出カテゴリ
奇抜なワイルドカード
Githubのコードへのリンク
音韻 / 出来高
声で検索場所
出来高
ReadTymapは、音声だけでなく、入力と検索によって場所を検索することができますツールです
ディープグラムとGoogleマップは、ここで使用されている技術です
プロジェクトについて
時々、人々はちょうどそれがタイピングに関して怠惰です.
人々は頻繁に多くの日常的な状況で場所を見つけるためにGoogleマップを使用します.
多くの類似したアプリが利用可能であるという事実にもかかわらず、それはまだ単純なものを作成する価値があります.
ビルド
始める
声を使う
開発
時間の大半は、開発が行われる
src/components/Map/
, ここで、キー機能が使用されます.深さTS
pages/api/deepgram.ts
はテキストに対するスピーチに使用されますsrc/components/Map/Autocomplete.tsx
.…
View on GitHub
必要条件
インストール
NEXT_PUBLIC_GOOGLE_API_KEY_MAPS=<your google maps api key>
NEXT_PUBLIC_DEEPGRAM_API_KEY=<your deepgram api key>
始める
声を使う
開発
時間の大半は、開発が行われる
src/components/Map/
, ここで、キー機能が使用されます.深さTS
pages/api/deepgram.ts
はテキストに対するスピーチに使用されますsrc/components/Map/Autocomplete.tsx
.一方、GoogleマップAPIはマップ機能のために使用されます
src/components/Map/GoogleMap.tsx
.プロジェクト構造は以下の通りです.
pages/
|-- api/
|-- deepgram.ts
|-- index.tsx
|-- _app.tsx
|-- Map.tsx
redux/
|-- reducers/
|-- actions/
|-- thunks/
|-- types/
|-- interfaces/
|-- reducers.ts
|-- store.ts
src/
|-- components/
|-- Map/
|-- Autocomplete.tsx
|-- GoogleMap.tsx
|-- Pointer.tsx
|-- Listening.tsx
|-- Loading.tsx
|-- Searching.tsx
src
フォルダ.redux
フォルダ.types
and types/interfaces.
結論
プロジェクトはホスト上ですreadtymap
私が見たとき、心に浮かび上がった最初のことは、私がHackathonをホストしていたことがテキストAPIへのスピーチで何ができるかということでした.
多くの類似したアプリがあるという事実にもかかわらず、心に浮かぶ最初のアイデアは、シンプルなものを作成する場所を検索する声を使用することはまだ価値があります.
Develramのテキスト機能についての詳細を知りたい開発者は、出発点としてReadTymapを使用することができます.
このプラットフォームを提供していただきありがとうございます.ディー
Reference
この問題について(Googleマップにあなたの場所を見つけるために話す.), 我々は、より多くの情報をここで見つけました https://dev.to/adrianchong/readtymap-speak-to-google-maps-to-find-your-location-1cbdテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol