mapとiosに関するamourkarinのブックマーク (3)
-
はじめに こんにちは。モバイルアプリサービス部の平屋です。 前回の記事﹁MapKitJSを使用してWebページ上に地図を表示する﹂に引き続き、WWDC18で発表されたMapKitJSを扱います。 本記事では地図に注釈(マーカー)を表示する実装を紹介します。 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があります。ご留意の上、お読みください。 検証環境 本記事は以下の環境で検証を行っています。 macOS Sierra 10.13.5 Google Chrome Version 67.0.3396.87 実装 さっそく実装を紹介していきます。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- [1] 地図を表示する (ここから)--> <
-
はじめに こんにちは。モバイルアプリサービス部の平屋です。 前回の記事﹁MapKitJSを使用するために必要な作業について﹂に引き続き、WWDC18で発表されたMapKitJSを扱います。 本記事では地図を表示する実装を紹介します。 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があります。ご留意の上、お読みください。 検証環境 本記事は以下の環境で検証を行っています。 macOS Sierra 10.13.5 Google Chrome Version 67.0.3396.87 実装 さっそく実装を紹介していきます。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- [1] MapKitJSのスクリプトを埋め込む --> <scrip
-
はじめに 本記事ではMapKitJSを使用するために必要な作業を紹介します。 本記事は Apple からベータ版として公開されているドキュメントを情報源としています。 そのため、正式版と異なる情報になる可能性があります。ご留意の上、お読みください。 検証環境 本記事は以下の環境で検証を行っています。 macOS Sierra 10.13.5 Node.js v9.2.0 jsonwebtoken v7.4.3 MapKitJSMapKitJSは以下のような処理を行うためのJavaScriptのフレームワークです。 インタラクティブなApple MapsをWebサイトに表示する 地図に注釈を表示する 位置情報検索を実行する サンプル地図やサンプルコードは以下のページで提供されています。 MapKit JS - Maps - Apple Developer Tokenについて MapK
-
1