Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！ - paiza times

テクノロジーカテゴリーの変更を依頼記事元:

paiza.hatenablog.com

131 usersがブックマークコメント

記事へのコメント8件

注目コメント
新着コメント

field_combat Googleマップ代替。コード書く手間はそれほど差がないように見える

2018/07/06 リンク

nozomi05 結構アリな雰囲気

map
地図

2018/07/04 リンク

skunk0915 地図 map

2018/07/03 リンク

takeshi 良さげだけど、日本国内の地図がちょっと甘いかなあ。

2018/07/03 リンク

wingsgate Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！今回は、簡単なJavaScriptコードを記述するだけでインタラクティブなマップを自分のWebサイトに設置できるサービスをご紹介します

2018/07/03 リンク

Lhankor_Mhy あれ？6月からGoogleマップAPIって無料プランがなくなったので（無料枠はある）クレカで支払アカウントを作らないといけないんじゃなかったっけ？

google

2018/07/03 リンク

kaipu1224 公式も見てみよっと

2018/07/03 リンク

idr_zz google以外にもある！地図の埋め込み方法 Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！

2018/07/03 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2018%2F07%2F02%2FGoogle%25E3%2583%259E%25E3%2583%2583%25E3%2583%2597%25E3%2582%2588%25E3%2582%258A%25E7%25B0%25A1%25E5%258D%2598%25EF%25BC%2581JavaScript%25E3%2581%25A7%25E7%258B%25AC%25E8%2587%25AA%25E3%2583%259E%25E3%2583%2583%25E3%2583%2597%25E3%2582%2584%25E3%2583%258A%25E3%2583%2593%25E6%25A9%259F%25E8%2583%25BD%25E3%2582%2592" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://paiza.hatenablog.com/entry/2018/07/02/Google%E3%83%9E%E3%83%83%E3%83%97%E3%82%88%E3%82%8A%E7%B0%A1%E5%8D%98%EF%BC%81JavaScript%E3%81%A7%E7%8B%AC%E8%87%AA%E3%83%9E%E3%83%83%E3%83%97%E3%82%84%E3%83%8A%E3%83%93%E6%A9%9F%E8%83%BD%E3%82%92">Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！ - paiza times</a><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2018/07/02/Google%E3%83%9E%E3%83%83%E3%83%97%E3%82%88%E3%82%8A%E7%B0%A1%E5%8D%98%EF%BC%81JavaScript%E3%81%A7%E7%8B%AC%E8%87%AA%E3%83%9E%E3%83%83%E3%83%97%E3%82%84%E3%83%8A%E3%83%93%E6%A9%9F%E8%83%BD%E3%82%92">はてなブックマーク - Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！ - paiza times</a></div></iframe>

プレビュー

規約違反を報告

Googleマップより簡単！JavaScriptで独自マップやナビ機能を作成できる「mapfit」を使ってみた！ - paiza times

どうも、まさとらん（@0310lan）です！今回は、簡単なJavaScriptコードを記述するだけでインタラクティ... どうも、まさとらん（@0310lan）です！今回は、簡単なJavaScriptコードを記述するだけでインタラクティブなマップを自分のWebサイトに設置できるサービスをご紹介します！ Googleマップよりも手軽に扱えるのが特徴で、スクリプトを読み込んで少ないコードを記述するだけなので誰でも簡単に利用できると思います。マップのカスタマイズやマーカーの設置、イベント処理、ナビ機能など…、それぞれの基本的な使い方を詳しく解説していきます！【 Mapfit 】 ■「Mapfit」の使い方それでは、実際に「Mapfit」を使うために必要な準備から進めていきましょう！「Mapfit」を使うには、専用のCSSファイルとJavaScriptファイルが必要になるのですが、これらはCDN経由で簡単に導入できるようになっています。以下の「linkタグ」と「scriptタグ」をHTMLファイルに挿入す