タグ

mapに関するkoda3のブックマーク (9)

  • JavaScriptで制御できるWebベースの万能マップエディタ「Mapbox Studio」を使ってみた! - paiza times

    どうも、まさとらん(@0310lan)です! 今回は、自分好みのマップをブラウザ上でカスタマイズしたり、JavaScriptから自在に制御可能な地図サービスのご紹介です! データを取り込んでマッピングしたり、プラグインによる拡張も可能で自分のWebアプリやサービスなどにも簡単に組み込めるスグレモノです! 【 Mapbox Studio 】 ■「Mapbox Studio」の使い方 それでは、まず最初に「Mapbox Studio」の基的な使い方から見ていきましょう! 初めての人は無料のユーザー登録が必要なので、サイトのトップページにあるボタンをクリックします。 好きなユーザー名・メルアド・パスワードだけで、簡単に登録ができます! 登録後は、Webページにマップを表示させる簡単なチュートリアルが始まるので、試しにやってみましょう! 表示された画面にある「JS」の項目をクリック! 左側の「C

    JavaScriptで制御できるWebベースの万能マップエディタ「Mapbox Studio」を使ってみた! - paiza times
  • Leaflet でカスタム画像を使用する (Javascript) | バシャログ。

    どうもfujiharaです。 いよいよ今年も残すところ1ヶ月になりましたね。 毎年この時期になるともらえないお年玉に期待を寄せ始めます。 日は地図で使用されるLeafletにカスタム画像を使用する方法をご紹介いたします。 Leaflet自体は 地図をカスタマイズして使えるようにする、軽量でマルチブラウザ対応の優れたJSライブラリです。 また、対応するプラグインも多くあり、皆さんも使ったことがあるかもしれません。 特定のポイントにピンを立てたり、オブジェクトをおいたりするのに緯度経度を使用するんですが、 調べているとカスタムの画像でその空間に対して各種Leafletの操作を行えるのことがわかったので 今回はご紹介します。 non geographical map サンプル コード //head (Leafletcss, js の読み込み) <link rel="stylesheet"

    Leaflet でカスタム画像を使用する (Javascript) | バシャログ。
  • 地図アプリの開発を爆速化する「Webマッピング」サービスの活用術を大公開! - paiza times

    どうも、まさとらん(@0310lan)です。 今回は、地図上にデータをマッピングすることで、さまざまな情報を「見える化(可視化)」できるWebサービスの活用法についてご紹介しようと思います! マッピングが出来るようになると、単なる「データの集まり」だったものが視覚的にとても分かりやすくなるので非常に便利です。 誰でも簡単に扱える定番のマッピングサービスから、地図アプリなどの開発に役立つモノまで取り上げてご紹介しようと思います。 ちなみに、マッピングをするのに必要な「データ」に関しては、無償で利用できるオープンデータをまとめたサイト「LinkData」に公開中のモノを利用しているので、みなさんもぜひ一緒にトライしてみてください! ■「Googleマイマップ」を活用しよう! まずは、誰でも扱いやすいGoogleの「マイマップ機能」を使って、簡単なマッピングに挑戦してみましょう! データは、Li

    地図アプリの開発を爆速化する「Webマッピング」サービスの活用術を大公開! - paiza times
  • [初心者向け]AndroidStudioで地図アプリを作ってみよう![2015年8月最新]

    これから超簡単に地図アプリを作成する方法を伝授します。 この記事を最後まで通せば、地図を使ったミニゲームが作れるので興味がある人はぜひやってみてください。 小中学生の人は、夏休みの自由研究にしちゃおう! Androidのアプリケーションを開発するので以下の環境が揃っている前提でお話します。 Google Account Gmailが使えていれば大丈夫です。 Android Studio インストールしていない人はこちらからダウンロード! なぜ地図アプリ? とても簡単に実装ができる! 位置情報のプログラミング入門に最適 地図を扱うアプリケーション開発に強くなる! スマホアプリを開発する人なら地図の表示ぐらい知っておかないとちょっと恥ずかしい。 逆に地図アプリが作れると「この地図アプリ俺作ったんだぜ?」と自慢できる。 以下の流れで開発していきます。 地図アプリのためのプロジェクトを作成 Goo

    [初心者向け]AndroidStudioで地図アプリを作ってみよう![2015年8月最新]
  • Google Maps Android API v2 の v1 からの変更点メモ - Qiita

    AndroidMap API が刷新され、 ベクトル地図! 回転、視点変更 屋内、地下街マップの表示 が可能になりました。Googleマップアプリの機能が API で提供された感じです。これは感涙。 v2 になって導入手順が大幅に変わりましたが、 @adamrocker さんが早速解説して下さっています。 throw Life - Google Maps Android API v2を使ってみた ここでは、Google Map Android API v1 からの変更点を中心に紹介してみます。 互換性 あ・り・ま・せ・ん、以上! Fragment 化、3D対応などにより、API の設計思想そのものが変わった様で、既存のコードをそのまま流用できることはないでしょう。 前の MapView に似せた com.google.android.gms.maps.MapView というクラスがあ

    Google Maps Android API v2 の v1 からの変更点メモ - Qiita
  • fの備忘録

    今回は、GPSの利用方法などについて書いていきます。 レイアウトを利用 レイアウトを利用するには、まずレイアウトに以下のものを追加します。 <fragment android:id="@+id/my_map" android:name="com.google.android.gms.maps.SupportMapFragment" android:layout_width="wrap_content" android:layout_height="wrap_content" /> これがv2でのマップビューとなります。idはご自由に変更してください。 次に、FragmentActivityを継承しているアクティビティに対し、以下のように設定します。 public class Mapv2Test extends FragmentActivity{ /** * GoogleMap */ pri

  • 【Android】Google Map API v2で、地図を拡大/指定位置の表示/傾ける/回転などを行う - よしおのブログ

  • 地図複製等利用のご案内

    地図は著作権の対象として保護されており、コピー・印刷・スキャニングやホームページ掲載など複製等利用する場合、法律で定められた例外的な場合を除いて、事前に著作者の許諾を得ることが必要とされております。 当社においては、利用者の皆様に「安心・簡便・適正」に当社の地図製品をご利用いただくため、以下のとおり、利用手続きや条件を設定しております。当社の地図製品をご利用の際は、事前に以下の基条件等を参照の上、利用手続き(申請)を行ってください。

    地図複製等利用のご案内
  • 国土地理院が地理院地図のソースコードを公開 | スラド オープンソース

    国土地理院が1月8日に地理院地図のリニューアルを行った(詳細のPDF)。地理院地図は国土地理院が作成している地図や災害時の航空写真などを公開しているサイトで、今回のリニューアルでUIを一新し、PC向けブラウザとスマートフォンの両方に対応するようになったのだが、これに合わせて地理院地図を構成するソースコードをGitHubに公開している。 以前から国土地理院ではGitHubでベクトルタイルの実験(ソースコード、実験サイト)を行ったり、2014年の御嶽山噴火の際に専用の情報提供サイトを提供するなど、積極的にGitHubを利用してきていた。 今回のソースコード公開に伴いさっそくFirefox OSアプリを実装するといった試みも行われている。また、国土地理院は2014年から地理院地図パートナーネットワークを作り地理院地図を使った開発を行う人達と情報交換を行うなど、積極的に民間の開発者と協力していく姿

    koda3
    koda3 2015/02/03
  • 1