Yahoo! JAPAN Creative Blog — 方向音痴向けの徒歩案内
日本語 | 英語 Yahoo! MAPリニューアル後のルート・徒歩案内のUIUXを担当しました杉浦です。 どのように徒歩案内が作られたかお話しようと思います。 1.方向音痴向けの徒歩案内を作る以前Yahoo!地図アプリではルート機能の月平均世代性別利用比率が地図TOPと比較して、10代女性が40代男性の約3倍もありました。 この数字は男性の30~50代が多いユーザーの中で突出した数字でした。 この結果がルートの機能を求めるユーザーは地図TOPの機能を求めるユーザーとニーズや特性に違う部分があるのではないかと推測した切っ掛けになりました。 次に徒歩案内を使う人の特徴を考えました。 徒歩案内はルートと違いオンタイムでの案内です、ルート機能は確認のために準備段階で使うことができますが、徒歩案内は基本現在進行形で目的地に向かう時に道案内をするために使います。 逆を言えばルートだけの案内では満足でき
JAXA | 世界最高水準の全世界標高データ（30m版）の無償公開について
宇宙航空研究開発機構（JAXA）は、陸域観測技術衛星「だいち」（ALOS）による観測画像を用いて整備した、全世界の陸地の起伏を水平方向30mの細かさで表現できる標高データセット（30mメッシュ版）の無償公開を開始します。今回、日本を含む東アジア、東南アジア域から公開を開始し、順次、全世界の陸地（緯度82度以内）に拡大する予定です。（別紙1.参照） 今回、公開するデータセットは、全世界規模で整備される標高データセットとして現時点で世界最高精度を持つ「全世界デジタル3D地形データ」（別紙3.参照）の標高データセット（5mメッシュ版）をベースとして作成しており、30mメッシュ版としての高さ精度も世界最高水準です。本データセットは、科学研究分野や教育、地理空間情報を活用した民間サービス等での利用が期待されています。（別紙2.参照）
どこでも方位図法
2019/11/21 静止したときの地図を詳細化しました。 マウスの位置や回転角度によらず、水平方向にドラッグすると東西方向に、垂直方向にドラッグすると南北方向に移動します。 Internet Explorer、Google Chrome、Safariを推奨します。Firefoxは、Canvas 2Dのpath処理性能が低いために遅くなります。(2021/03/29 Firefoxも性能差がなくなっているので全文を削除) 地図画像については、画像中に記載した通り、CC BY-SA 4.0ライセンスで提供しています。同ライセンスの諸条件にしたがっていただければ、再利用可能です。 地図画像以外の部分については、(株)オンターゲットが著作権を保有します(D3.jsを除く)。WEBサイト開発の依頼やその他お問合せについては、運営会社のサイトをご覧下さい。 弊社開発の他の地図はこちら。
スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ！
スマホのUI向上!?ニョローっとGoogle Mapsを広げるJavascriptを作ってみたよ！ 2014.07.27(Sun) 18:30 WEB制作 PC、スマホで表示を分けるブログ(ホームページ)を作っている時に悩みの種になるのがGoogle Mapsの埋め込み地図。スマホで大きく表示させるとスクロールしにくくなるし、小さく表示させると地図が見えにくくなる…。けっこう厄介なんですよね。 「結局、直接Google Maps見た方が早いや」というように、何かと形骸化しがちなページ内の埋め込み地図。少しでも実用的になったらなーと思い、ニョローッと表示範囲を広げることができるボタンを追加してみたので紹介します。 1ボタンをクリック(タッチ)すると地図が広がりますということで、サンプルはこんな感じです。地図の下にあるボタンをクリック(タッチ)すると、埋め込み地図が下にニョローっと広がります。
Google、ストリートビューに"過去を見る"機能を追加
Googleは4月23日(米国時間)、デスクトップ版Googleマップのストリートビューに過去のイメージを表示する機能を追加した。 Googleマップで表示をストリートビューに切り替え、左上のメニューに時計のボタンが表示されていたら、その場所の過去のイメージを閲覧できる。ボタンをクリックし、タイムスライダーを左右に動かして時間を移動する。 Googleによると、現時点で表示できる最も古いイメージは2007年。例えば、ニューヨーク世界貿易センタービル跡地に今年オープン予定の1ワールドトレードセンターでは、着工(2006年)翌年の夏からビルが完成に近づいていく様子が分かる。頻繁にストリートビュー・イメージが撮影されている場所もあり、ブラジルのカステロン・スタジアムでは2012年から2013年に旧スタジアムがグラススキンと呼ばれる素材を採用した新スタジアムに生まれ変わるのを確認できる。
quickstart-map-js - 地図で遊ぼう。ArcGISを使ったサンプル集 MOONGIFT
地図は位置情報と結びつけると凄く魅力的で面白いサービスになります。ArcGISというGISサービスの統合プラットフォームがあるのですが、これを使うと位置情報を含めた様々なデータが取り出せます。 そのサンプルとして開発されているのがquickstart-map-jsです。Googleマップとはまた違う面白さがそこにはありそうです。 サンプルです。まずは白地図。 標高をマッピングしました。 衛星＋都市。この辺りはGoogleマップでもありますね。 拡大すると日本も英語ながら地名が出ます。 標高だけにすると随分見やすくなります。 ウォーターカラー。面白い表現ですね。 ここからがArcGISのデータを使った表現になります。 ルート案内。USだけなのが残念ですが。 1〜3分内にいける場所をマッピング。 こちらも細かいルート案内。複数箇所を指定できます。 複数のデータをマッピング。 自由に線やポリゴン
Mappy.js - Googleマップでマーカーを立てるのに便利なjQueryライブラリ MOONGIFT
Googleマップは地図を便利に使える存在ですが、プログラムと組み合わせようと思うと若干面倒なことがあります。そうした時にはサードパーティ製のライブラリを使うのがお勧めです。 マーカーを立てたり、検索したりと言った操作をするならばMappy.jsが便利ではないかと思います。さっそく見ていきましょう。 マーカーを立てたところです。 コードはこんな感じになります。面白いのはリファレンスとして画像をBase64エンコードし、それをそのまま配置しているところです。また、クリックでマーカー詳細を表示するかどうかはautoShowで制御できます。 $("#custom-places").mappy({ showOnLoad: [ // City Varieties { // flag that this place should have the tooltip shown when the map
GoogleMapの簡単な埋め込み方法。アイコンやデザインのカスタマイズも！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
日本をはじめ世界各国の地図の無料のベクター素材 -Free Vector Maps
日本をはじめ、ヨーロッパ、アメリカ、アフリカ、アジア、オセアニア、中東など、世界各国の地図のベクター素材を紹介します。 ウェブはもちろんのこと、アプリケーション、マルチメディア、動画、ゲーム、カタログ、ポストカードなどに、個人でも商用でもクライアントのプロジェクトでも無料で利用できます。 Free Vector Maps ダウンロードできる地図のフォーマットは下記のものが揃っています。 .ai .eps .pdf .jpg .png .jpgと.pngは日本の地図だとサイズ、3,000x2,250pxで高解像度でした。 Free Vector Mapsでは、世界のさまざまな国のベクター素材がダウンロードできます。
jQuery Mapael·jQuery x Raphaëlな地図描画ライブラリ MOONGIFT
JavaScriptと連携できる地図が欲しかった方は要チェック！ Web上でSVGを扱う際に使われるライブラリで有名なのがRaphaëlです。そんなRaphaëlをjQueryベースで使えるようにしたプラグインがjQuery Mapaelになります。地図に限定されますが、SVGで描かれた地図に様々な情報を付与したりJavaScriptと連携させることができるようになっています。 実際の例としてはフランスの地図を扱ったものが多くなっています。 マウスオーバーでハイライトされます。 さらにズームもできるタイプもあります。この辺りはSVGならではと言えるでしょう。 JavaScriptと連携させることでクリックイベントをキャッチできるようになっています。 人口の多い町や都市を描いています。こういった外部データとの連携も容易です。 最後はフランスではなく世界地図のデモです。 国ごとにデータを色分け
今昔マップ on the web
本サイトでは、全国59地域について明治期以降の新旧の地形図を切り替えながら表示できます。収録した旧版地形図は、4,847枚にのぼります。「今昔」の読み方は「こんじゃく」です。 みたい地域が入っていない、という時は、「ひなたGIS」を使えば 昭和戦前期の1/5万地形図を全国見られます。 使用上の注意 使用データ ネタマップ タイルマップサービスについて Windows版デスクトップ「時系列地形図閲覧ソフト『今昔マップ3』」 この地図の作成に当たっては、国土地理院長の使用/複製承認を得ています。（承認番号 平25情使、第365号；平25情使、第700号；平27情使、第142号；平27情使、第881号；平27情複、第1088号；平28情使、第1094号；平28情複、第1366号；平29情複、第566号、第1092号、第1436号；平30情複第197号、第234号、第432号、第620号、第859
デザイン日本地図(eps有料)
トップページ 日本地図 都道府県別地図 北海道 / 青森県 / 岩手県 / 宮城県 / 秋田県 / 山形県 / 福島県 / 新潟県 / 茨城県 / 群馬県 / 栃木県 / 埼玉県 / 東京都 / 千葉県 / 神奈川県 / 山梨県 / 長野県 / 富山県 / 石川県 / 福井県 / 静岡県 / 愛知県 / 岐阜県 / 三重県 / 大阪府 / 京都府 / 滋賀県 / 兵庫県 / 奈良県 / 和歌山県 / 鳥取県 / 島根県 / 岡山県 / 広島県 / 山口県 / 徳島県 / 香川県 / 愛媛県 / 高知県 / 福岡県 / 佐賀県 / 長崎県 / 熊本県 / 大分県 / 宮崎県 / 鹿児島県 / 沖縄県 デザイン日本地図 ご使用にあたって・リンク
日本地図・白地図プリントPDF AIデータなどの無料素材|Start Point
日本地図・白地図のプリントアウトして使えるPDFデータの無料ダウンロードができます。 小学生向けの都道府県名をひらがな表記にした日本地図や、地方区分ごとに色分けした日本地図、ぬり絵は暗記の勉強に使える白地図などもあります。 AIデータもあります。 家庭学習小学生にオススメ仕事に使えるダウンロード暗記・覚える公開日： 2019-11-01 20:03:00 最終更新日： 2022-06-27 04:54:25 日本地図 都道府県地図 無料素材 白地図 イラスト 透過PNG プリント用PDF 日本地図を都道府県ごとに区切った都道府県地図のPNGデータ、A4サイズのプリント用PDFを無料(フリー素材)として配布しています。 PDFファイルはイラストレータでも開けます。大きさなどを変更したいときはPDFファイルがオススメです。 1枚目の地図だけ大きく表示していますが、用意している地図素材はすべて同
今週の地図：ポーツマス歴史フォトマップ
元記事：Map of the Week: Portsmouth History Photo Map (2013年7月18日) 今週の地図は ポーツマス歴史フォトマップ（Portsmouth History Photo Map）を紹介します。ポーツマス歴史フォトマップは古い地図と写真をGoogle Mapsと組み合わせた素晴らしい見せ方です。 1896年のポーツマスの地図がGoogle Map上に表示されるところから始まります。古い地図はGoogle Mapの上に ImageMapTypeを使って重ねられています。 メニューにある”Modern Map（モダンな地図）”をクリックすると、Google Mapの通常地図が表示されます。 特徴的なマーカー（例えば、チャールズ・ディケンズのマーカー）は標準の マーカー とカスタム アイコン を使って作られています。 標準の 情報ウィンドウの代わりに
Clickable Maps in JavaScript | Interactive Maps | JQVMap
<!-- Example Map Above --> <script src="js/jquery.vmap.js"></script> <script src="js/jquery.vmap.world.js"></script> <script src="js/jquery.vmap.sampledata.js"></script> <script> jQuery('#vmap').vectorMap({ map: 'world_en', backgroundColor: #fff, color: '#ffffff', hoverOpacity: 0.7, selectedColor: '#666666', enableZoom: False, showTooltip: true, values: sample_data, scaleColors: ['#C8EEFF', '#0064
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
地理院地図
Unity向け3D都市モデルデータ「ZENRIN City Asset Series」｜ゼンリン
Engadget | Technology News & Reviews
deform.jp - このウェブサイトは販売用です！ - 日本 アート デザイン デジタル ブランド ユニーク ヶ月 地図 リソースおよび情報
Googleマップを好みの色にカスタマイズできるスタイルまとめ「Snazzy Maps」:phpspot開発日誌