MDG Fiori App with Google map

BPのアドレスからGoogle Map APIを呼び出してPop-upに検索結果をだすように挑戦。

最初は住所入力欄の隣に。。。かと思ったがXML Viewに拡張するのが難しい+画面がパンパンになる

ので新しいPop-upで。

 

使ったのはsap.m.dailogを作り、その中に

contentにsap.ui.core.HTMLを使って見せる仕組み。

 

今はただStaticな地図を見せるだけだが、次は入力された内容を元にFuzzy Searchで候補郡を出すように。

これはSAPUI5というよりGoolge MAP APIを使いこなせる必要があるのだが。。。

JSも始まったばかりですので難しいのです。

 

で、一旦今日の成果。

 

■面倒くさいので前回使ったボタンのアイコンをそのまま利用。これをクリックすると。。。

 

■ポップアップにStaticに経度緯度が入力されているマップが出てくる。サンプルコードはGoogle Map APIサンプルからそのままコピペw

 

次は入力内容からマップの表示まで！