月: 2018年6月

【Monaca】Onsen UIでGoogleマップを表示する

iframeによる方法はこちらです。

otak-lab

2019.07.02

【Monaca】Onsen UIでGoogleマップを表示するその２

https://otak-lab.com/archives/2182

ちょうど１年ほど前に【Monaca】Onsen UIでGoogleマップを表示するという記事を書き、たくさんのアクセスをいただきました。Maps JavaScript APIを使った方法のため、APIキーの取得や有料化の問題など面倒な部分が多かったと思います。今回はiframeを使用して無料でGoogleマップを表示する方法を紹介します。まずはMonacaデバッガーの表示結果です。iOSの場合、画面操作中にiframeの領域が固定されず、多少操作に難があります。AndroidiOSOnsen UIの準備ができたら、iframeのwidthとheightをOnsen UIのコンテンツ領域(.page__content)...

Monacaで新規プロジェクト「Onsen UI V2 JS Minimum」を作成し、サンプルコードを貼り付けて実行したら、あっさり表示された。
Monacaデバッガーで動作確認済み。
※事前にMaps JavaScript APIのキーを取得すること。
※37行目のYOUR_API_KEYを取得したAPIキーに書き換えること。

Google Developers

Overview | Maps JavaScript API | Google Developers

https://developers.google.com/maps/documentation/javascript/tutorial

Get started with the Google Maps JavaScript API. View a simple example, learn the concepts, and create custom maps for your site.

ナンバーズサーチ Ver.1.4.2をリリースしました！

ナンバーズサーチ Ver.1.4.2をリリースしました。
PlayストアおよびAmazon Android アプリストアよりダウンロードできます。

変更点は下記のとおりです。
Continue reading

Amazon Android NUMBERS3 NUMBERS4 ジャパンネット銀行ナンバーズ３ナンバーズ４ナンバーズサーチミニロトロト6 ロト7 宝くじ

【Monaca】Onsen UI V2でnendネイティブアド広告を一定の間隔で更新させる

※2018/06/10 実際の広告コードを記載してしまったので、その箇所を修正。
nendのネイティブアド広告を一定の間隔で更新させるサンプルコードを作成してみた。
nendの広告コードを実行した際に生成されたHTMLをすべて削除し、新たに広告コードを呼び出すことで新しい広告を取得することができる。
※削除しないと広告コードを呼び出した分だけscript・img・inputのタグが蓄積される。
あとはOnsen UI上に取得した広告HTMLを表示させるだけ。
これに少し手を加えて、アプリに実装する予定。