みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 （優しく回答しましょう）
You are not logged in.
Pages: 1
FM13 Win7を使用しています。
住所フィールドをもとにWebビューアでGoogleマップを表示しています。
Googleマップの既定のアイコンを使わず、
Filemakerのオブジェクトフィールドに保存した独自のアイコンを表示させることは出来ますか？
ネットで調べてみるとアイコンを変更する方法はあるようなのですが、
それをFilemakerのWebビューアでどのように設定したら良いのかわかりません。
よろしくお願い致します。
レスが付きませんネ！
FM13/Win7環境のWebビューアで、テストURL
data:text/html,<img src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==' alt='Red dot'>
を試して、「●」赤い丸点のデモ表示に成功するなら、
オブジェクトフィールド内の独自アイコン画像への差替は可能かな？
もしも失敗なら、アイコン差替えは難しいでしょう。
先ずは、そちらの環境でテストしてみて下さい。
Offline
Hiroさん、回答ありがとうございます。
赤い丸点のデモ表示に成功しました。
今はWebビューアで、Google Mapsを選択してWebアドレスに下記を入力して地図を表示しています。
"http://local.google.co.jp/maps?" & "q=" & /*住所=*/ ﾃｰﾌﾞﾙA::住所 & " " & /*キーワード=*/ "&output=svembed&iwloc=J&z=17"
このアドレスとHiroさんのテストURLをどのように組み合わせると、
指定した住所に赤い丸点が表示されるのでしょうか。
よろしくお願い致します。
既定様式の地図なら、スクリプトを使わずにURLを指定して地図を作成できますが、
今回の様な既定外の地図は、JavaScript(Ajax) APIを使って動的に制御するHTMLを作る必要があります。
> ネットで調べてみるとアイコンを変更する方法はある
と言うことなので、カスタム地図作成のための雛形HTMLはあるものとして、
その例示サンプルJSのアイコン画像のソースURL指定部分を以下に差替え、
"data:image/png;base64," & Substitute(Base64Encode(テーブル::オブジェクトフィールド);¶;"")
ここで、アイコン画像は実体データがFM保存されている前提で、画像形式は仮にpngとしていますが自己値に書き換えて下さい。
最終的に、WebビューアのURLは、
"data:text/html," & "自己最適化した雛形HTML"
Offline
Hiroさん、ありがとうございます。
アイコンの変更方法を紹介しているサイトがあり、その中にコードも書かれていたりするのですが、
それをどう利用すれば良いのか、どう雛形HTMLとして良いのかわかりません。
JavaScript(Ajax) API、HTML作成の知識がないので、
今の状態では前に進めそうにありません。
HiroさんのMultiMarkerMapをダウンロードしたので、
勉強してから再度チャレンジしたいと思います。
説明代わりにサンプルをアップしときました。
JavaScriptをdata:スキームで直接送信しても動作しないようなので、
HTMLを一旦テンポラリフォルダへ書き出してから間接表示するように変更しています。
●サンプル「地図検索.fmp12」→ http://yahoo.jp/box/EkaIWD
（Base64Encode関数のあるFMP13以降に限定です。）
Offline
Hiroさん、ありがとうございます。
サンプルをダウンロードしました。
アイコン画像のソースを書き換えて、希望通りに表示することが出来ました！！
まだサンプルの内容を理解出来ていないので勉強します。
本当にありがとうございました。
Pages: 1
[ Generated in 0.005 seconds, 9 queries executed - Memory usage: 556.59 KiB (Peak: 579.33 KiB) ]