

Monacaでスマホのアプリを作っています。

ある会場図をPDFで表示させたいのですが、どのようにさせたらよいでしょうか？

試しに下記にしてみたら、Couldn't load plug-in が表示されました。

[code]

    <ons-page>
        <object data="img/map.pdf" id="info_map" type="application/pdf">/object>
    </ons-page>
    
[/code]


CC BY-SA 4.0
2015-06-02T04:45:43.483
10875
2022-10-04T00:58:32.593
2022-10-04T00:58:32.593
3060
9675
question
monaca onsen-ui
スマホアプリでPDFを表示させたい


対象がiOSだけであれば[Inappbrowserプラグイン](http://docs.monaca.mobi/cur/ja/reference/phonegap_34/ja/inappbrowser/)を使えば開けると思います。  
Androidもサポートするのであればちょっと難易度が上がりそうですね。

---- Androidユーザーではないため、以下全て動作未確認です -----

こんな感じにしてGoogleDocsで開くなどの方法があるようです（詳細は下記の参考リンクを参照してください）。

[code]

    window.open(encodeURI('https://docs.google.com/gview?embedded=true&url=<pdfuri>'), '_blank', 'location=yes,EnableViewPortScale=yes')
    
[/code]

また、まだbeta版のようですが[cordova-plugin-document-
viewer](https://github.com/sitewaerts/cordova-plugin-document-
viewer)はAndroidもサポートしているみたいです。

参考：[Not able to launch a pdf file in inappbrowser in
android](https://stackoverflow.com/questions/26304729/not-able-to-launch-a-
pdf-file-in-inappbrowser-in-android)

ローカルのPDFを開くのであれば[FileOpener](https://github.com/don/FileOpener)とかを使用すると良さそうです。


CC BY-SA 3.0
2015-06-02T06:53:02.227
10885
2015-06-02T06:53:02.227
2017-05-23T12:38:56.467
-1
3516
10875
answer


ご回答をありがとうございます。

Androidで出来ました。

ただ、ローカルのPDFを開きたいので、FileOpenerを試してみようと思いますが、ちょっと敷居が高そうです。

ありがとうございます。


CC BY-SA 3.0
2015-06-03T08:09:33.267
10940
2015-06-03T08:09:33.267
9675
10875
answer


もしMonacaのwebview内にpdfを表示したいのであればMozillaの[PDF.js](https://mozilla.github.io/pdf.js/)が使えるかもしれません。

ただ、webviewは[limited
support](https://github.com/mozilla/pdf.js/wiki/Frequently-Asked-
Questions#faq-support)のようです。


CC BY-SA 3.0
2015-06-03T11:16:50.120
10948
2015-06-03T11:16:50.120
2376
10875
answer