きっかけ
cybozu developer networkにある『顧客訪問リストを地図にピン表示する』 という
Google Maps APIを使ったカスタマイズの存在を思い出し、
「あれ？これ前作った画像検索カスタマイズと組み合わせたらなかなか面白くなるのでは？」
と思ったのがきっかけです。
前回の記事： kintoneで画像検索API使ってみた
kintoneアプリの設定
前回記事とほとんど変わりません。
| フィールド種類 | フィールドコード |
|---|---|
| 文字列（一行） | Title |
| 文字列（一行） | URL |
| スペース | Image |
| スペース | Map |
| 数値 | lng |
| 数値 | lat |
GoogleMapAPI用に「Map」「lng」「lat」を追加しています。
kintoneカスタマイズ
既存の2つのカスタマイズJSを適用するだけです。
『顧客訪問リストを地図にピン表示する』 内のサンプルコードでフィールドコードが『Address』となっているものを、
今回は『Title』としてGoogle CustomeSearch API の検索キーワードと共通化させます。
→ Titleフィールドの文字を条件に画像検索＆地図検索します。
完成イメージ
前回同様、行きたい場所を記入すると、
地図と画像が表示されました！
もちろん、別の検索キーワードでもちゃんと動作します！
おわりに
いろいろなカスタマイズを組み合わせることができるのもkintoneのメリットですね！
単体連携はもちろん、それぞれを組み合わせた複数連携カスタマイズにも要注目です！！
それでは！