kintone에서 이미지 검색 API와 GoogleMapsAPI를 함께 사용해 보았습니다.

계기

cybozu developer network에 있는 '고객 방문 목록을 지도에 고정'
Google Maps API를 사용하여 맞춤설정의 존재를 기억하고,
「어라? 앞으로 만든 이미지 검색 커스터마이즈와 조합하면 꽤 재미있게 되는 것은?」
라고 생각한 것이 계기입니다.

마지막 기사 : kintone에서 이미지 검색 API를 사용해 보았습니다.

kintone 앱 설정

마지막 기사 과 거의 변하지 않습니다.


필드 종류
필드 코드


문자열(한 줄)
Title

문자열(한 줄)
URL

공간
이미지

공간
Map

수치
lng

수치
lat


GoogleMapAPI용 'Map', 'lng', 'lat'을 추가하고 있습니다.

kintone 사용자 정의

기존의 2개의 커스터마이즈 JS를 적용하기만 하면 됩니다.

'고객 방문 목록을 지도에 고정' 안의 샘플 코드로 필드 코드가 「Address」가 되어 있는 것을,
이번에는 'Title'로 Google CustomeSearch API의 검색 키워드와 공통화합니다.
→ Title 필드의 문자를 조건으로 이미지 검색 및 지도 검색합니다.

완성 이미지

지난 번처럼 가고 싶은 장소를 기입하면,


지도와 이미지가 표시되었습니다!


물론 다른 검색 키워드도 제대로 작동합니다!

결론

여러가지 커스터마이즈를 조합할 수 있는 것도 kintone의 장점이군요!
단체 연계는 물론, 각각을 조합한 복수 제휴 커스터마이즈에도 요주의입니다! !

그럼!