紙にもウェブにもデザインに日本列島のシルエットって本当に良く使いますよね！ そうでもないね！という方に向けても、 僕なりのイラレを使ったドットな日本地図の描き方を紹介したいと思います。 まず必要なのがドットになる前の日本地図のデータですね。 今回の方法では、背景とシルエットにコントラストの差があれば多分問題無いですが、 ベクターデータな日本地図のデータの方が確実だと思います。 そこで「日本地図　ai」でググってでてきたサイトからダウンロードさせていただきます。 商用でも無料で使えるフリーなベクターデータを扱われているサイトさんですね。助かります。 （しっかり調べていないので、ご利用は自己責任でお願いします。） とりあえず、ベクターデータをイラストレーターで開きます。 ちなみに今回はのこのデータで400px × 400px（ぐらい）です。 早速、このベクターデータを「オブジェクト」→「ラスタ

これまで自然環境の調査には地図が重要だよねという名目のもと、地図画像→ラスター→GDAL関係の記事ばかりだったのですが、これからは地図に載せるデータの取得方法をなんとかしなければという気になっています。それで、Google Maps とか OpenLayersは、ベクトルデータをどのように扱っているのか調べました。 で、その結果ですが、ベクトルデータの描画にGoogle MapsはCanvasで、OpenLayersはSVGを利用しているということが分かりました。厳密に言うと「Google Maps は昔はSVGだったけど今はCanvasで、OpenLayersはSVGを推奨しつつCanvasにも対応している」になります。CanvasとSVGの違いは、PhotoshopとIllustratorの関係と同じで、素直に考えれば地図データ用のベクトルデータはSVGがいいような気がします。Open

知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■　XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）

羽山 博（はやま ひろし） 京都大学文学部哲学科（心理学専攻）卒業後、NECでユーザー教育や社内SE教育を担当したのち、ライターとして独立。 ソフトウェアの基本からプログラミング、認知科学、統計学まで幅広く執筆。読者の側に立った分かりやすい表現を心がけている。 2006年に東京大学大学院学際情報学府博士課程を単位取得後退学。現在、有限会社ローグ・インターナショナル代表取締役、日本大学、青山学院大学、お茶の水女子大学講師。 吉川明広（よしかわ あきひろ） 芝浦工業大学工学部電子工学科卒業後、特許事務所勤務を経て株式会社アスキーに入社。パソコン関連記事の執筆・編集に従事したのち、フリーランスの翻訳編集者として独立。 コンピューターとネットワーク分野を対象に、書籍や雑誌の執筆・翻訳・編集を手がけている。どんな難解な技術も中学3年生が理解できる言葉で表現することが目標。 2000年〜2003年、国

こんちは。松田です。 トレイン・トレインで使用しているGoogleMapをいじっている時に座標（緯度・経度）から地名を取得する必要が出てきたので、その際に調べた逆Geocoding機能を実装したAPIをまとめてみました。 GoogleMapsAPIなど地図を使ったシステムを使用していると、住所から緯度経度などの情報を取得する方法が必要になります。これはGeocodingと呼ばれる技術で、GoogleMapsAPIではすでに公式なAPIが存在しています。 これとは逆に、ユーザーに登録させたスポットの地名を自動入力させたりする場合など、座標から地名情報を取得したい場合があります。これらは「逆Geocoding」や、「Reverse Geocoding」などと呼ばれていますが、現在のところGoogleMapsのAPIは提供されていません。 この逆Geocoding機能が使えるサービスをいくつか紹

2011年10月27日くらいに発表されましたが、2012年1月1日からGoogle Maps APIが有料化されます。 もちろん無条件ではなく、1日に2万5000回以上アクセスした場合に課金対象となるようです。 個人であればほとんど関係ない数字ですが、もし超過した場合はAPIが利用できなくなるのではなく、強制課金という恐ろしい仕様…。 詳しいことは「Google Maps APIの有料化・料金・利用制限まとめ」でまとめられているようなので、興味のある方は見てみると良いかもしれません。 私のサービスも余裕だとは思うのですが、良い機会ですので他の地図サービスに目を向けてみることに。 そこでGoogle Maps APIの対抗馬、Yahoo! Open Local PlatformのJavaScriptマップを触ってみました。 Google Maps APIが先発ということもあり、Yahoo!地

Geocoding.jpとは？ 住所やランドマーク名をGPS座標に変換するサービスです。 座標系はWGS84に対応。近似TOKYO97出力も可能です。 Open Location Code(OLC)取得も可能です。 Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 検索のサンプルは？ 住所 『東京都港区芝公園４－２－８』 で検索 ランドマーク名 『東京タワー』 で検索 ランドマーク名 『東京駅』 で検索 ランドマーク名 『Arc de triomphe』（凱旋門） で検索 ランドマーク名 『ユニコーンガンダム』 で検索 Open Location Code 『8Q7XMP52+J6』（渋谷ハチ公像） で検索 緯度、経度から検索 『東京タワー』 経度、緯度から検索（度、分、秒） 『Eiffel T

よく聞かれるAutoCADの質問や知っていると便利なTipsブログ。トラブル時のお助けキーワード検索もできます。 データ範囲をCtrl+Cして コマンドラインに貼り付け！ 1.テキストファイル形式である座標は、先にEXCEL側で開いてXY座標ごとにセルをわけておく。 2.添付の図の要領で、空いているセルに「＝A?&","&B?」という式をデータの行数分だけ設定（?は行番号）。 3.「,」を間に挟んで結合された文字列が入ったセルをすべて選択。 4.原点をWCS原点以外に設定する場合は先にUCSコマンドを使って原点と座標系を指定しておき、AutoCAD側でポリラインコマンドを発行。 5.コマンドラインにプロンプトが コマンド: PLINE 始点を指定: と出ているのを確認し、コマンドライン上を1クリック。 6.右クリックかCtrl+Vで貼り付け。 ※図面の縮尺とデータで持っている座標の縮尺が違

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant technologies such as generative AI, data science, AI, and open source.