ホームページ >ウェブフロントエンド >jsチュートリアル >GoogleマップJSONファイルの例
GoogleマップJSONファイルの例
- William Shakespeareオリジナル
- 2025-03-09 00:06:12112ブラウズ
（この記事シリーズは、現在の情報と新しい例を使用して2017年半ばに更新されました。） 2005年に発売されたGoogle Mapsは、ルート計画、衛星画像、リアルタイムトラフィックなどを提供する大手オンラインマッピングサービスです。その人気は、特にモバイルセクターでは否定できず、2013年のトップスマートフォンアプリ（GlobalWebindex）にランク付けされています。 このサービスは、開発者がマップをWebサイトに統合するための強力なAPIも提供します。 このチュートリアルでは、JSONデータを使用して複数のマーカーをGoogleマップに追加する方法を示しています。 マーカー情報を定義するこのデータは、ファイルまたはデータベースに保存して、APIを介してリモートまたはローカルでアクセスできます。
マーカーデータ（json）：
生産アプリケーションの場合、APIキーが必要です。 これを含める方法は次のとおりです apiキー統合：
{
"markers": [
{
"name": "Rixos The Palm Dubai",
"position": [25.1212, 55.1535],
},
{
"name": "Shangri-La Hotel",
"location": [25.2084, 55.2719]
},
{
"name": "Grand Hyatt",
"location": [25.2285, 55.3273]
}
]
}
この例では、BrevityのAPIキーが省略されているため、コンソール警告が表示されます。 完全なコードは、単一のHTMLファイル内に表示されます。
html＆javascript：
および
クラスの詳細については、Google Maps APIドキュメントを参照してください。 ドキュメントのさらなる調査では、アニメーションとカスタムアイコンを追加する方法が明らかになります。 より高度なテクニックについては、GoollocationとSimplied Googleマップの統合に関する関連チュートリアルを参照してください。 関連例：
> colors json、youtube json、twitter json、geoip json、wordpress json、データベースJson、ローカルレストjson、テストデータJSON、JSONサーバー。<!DOCTYPE html> <title>Dubai Hotels</title> <h2>Dubai Hotels</h2> <div id="map" style="width:640px; height:480px;"></div>
よくある質問（FAQ）：Map Marker
以上がGoogleマップJSONファイルの例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。