パーソナルツール
現在の場所: ホーム takalog Google Maps API を使って大きい画像を表示(前編)
書いた本
Plone 完全活用ガイド の Chapter 1, 2, 3, 11 を執筆しました。
plone のインストール、使い方から、機能・デザインのカスタマイズ、プロダクトの作り方まで、 plone のすべてがぎゅっと詰まっている書籍になっていると思います。
plone に興味がある人から、すでに使いこなしている方まで、ぜひ読んでみてください。
Plone 完全活用ガイドのサポートページ
« 2017March »
Su Mo Tu We Th Fr Sa
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31  
このBlogについて
鈴木たかのりです。とりあえず日記っぽく雑多なことを書き込んでいこうと思っています。 zope/plone関係の技術的な内容については http://takanory.net の方にまとめていこうと思います。 コメント・ツッコミはご自由にどうぞ。
twitter facebook linkedin foursquare
カテゴリ
android (16)
av (27)
books (35)
coreblog (49)
ds (22)
emacs (8)
ferret (24)
google (34)
icecream (44)
lego (71)
mac (22)
misc (75)
moblog (277)
movie (33)
pc (44)
plone (339)
puzzle (43)
python (66)
server (67)
snowscoot (9)
software (125)
sports (40)
suidou (30)
winds (47)
 
文書操作

Google Maps API を使って大きい画像を表示(前編)

作成者 takanori投稿日 2007年08月29日 01時19分 最終変更日時 2009年06月12日 19時00分
くろちゃん画像を Google Maps で

googlemapでドラクエ というのがあり、Google Maps API とタイル画像を用意すれば、大きい独自の地図画像とかを表示することができることを知りました。

というわけで、会社の座席表とか試しに作って遊んでみたんですが、それだと公開しにくいので大きい写真を Google Maps API を使って表示するサンプルを作ってみました。

サンプルはこちらです → Google Maps で写真を見る

元となった写真は 3072×2304 サイズのもの。これを最大 11x9 枚のタイル画像に分割して表示しています。

# ちなみにモデルはペットのくろちゃん(フェレット 9ヶ月)です。


その後調べてみると、似たようなサイトとかツールはすでにいくつかありました。

  • MapLib.net は地図画像をアップして、マーカーを配置してオリジナル地図を作成できるサービスのようです。

    指輪物語の地図 とかいい感じ

  • だれでも地図 は最初に参考にさせてもらった googlemapでドラクエ の人が作成した MapLib.net のようなものです。

    ドラクエのようにゲームのマップってのは確かに便利そうですね。コメントが自由につけられることと、地図右上の地名一覧が見やすくていい感じです。

  • GMIC(Google Maps Image Cutter)

    自分のサイトに地図とかを貼りたい場合には、自分でスクリプトと画像を用意しないとならないんですが、それをまとめて作ってくれるツールです。 Java ベースで作られているっぽいです。

で、 ATGoogleMaps にこの機能を加えたり...とか妄想してみました。

大きい画像を PIL で切り取って返すのは別に問題なさそうなんですけど、タイル画像一枚一枚を plone 経由で返すとかなり重くなりそうな予感がします。

というわけで、次回では PIL の練習がてら「大きい一枚の画像から Google Maps を使って表示するためのタイル画像を生成する」について書きます。

あ、下にリンクしてあるのは実際の HTML のコードです。

  • kuromap.html kuromap.html
  • サイズ 2.4 kB - File type text/html
    カテゴリ
    google google
    トラックバック用URL:
    http://takanory.net/takalog/754/tbping
    コメントを追加

    下のフォームに記入してコメントを追加できます。平文テキスト形式。

    (必須)
    (必須)
    (必須)
    (Required)
    Enter the word

    Powered by vine linux, python, zope, plone, coreblog