vue(Nuxt)で住所録を作成し、住所からGoogle Mapsを開くようにしています。
packegejson
1{ 2 "name": "airmix", 3 "version": "1.0.0", 4 "private": true, 5 "scripts": { 6 "dev": "cross-env HOST=0.0.0.0 PORT=3000 nuxt", 7 "build": "nuxt build", 8 "start": "nuxt start", 9 "generate": "nuxt generate" 10 }, 11 "dependencies": { 12 "@nuxtjs/pwa": "^3.0.0-beta.20", 13 "firebase": "^7.19.1", 14 "moment": "^2.28.0", 15 "nuxt": "^2.14.0", 16 "vuedraggable": "^2.24.1" 17 }, 18 "devDependencies": { 19 "@nuxtjs/vuetify": "^1.11.2", 20 "cross-env": "^7.0.2" 21 } 22} 23
vue
1<v-text-field 2 label="住所" 3 :value="item.address" 4 hide-details 5 readonly 6 append-icon="mdi-map-marker" 7 @click:append="runMapApp(item.address)" 8 dense 9 />
script
1 runMapApp: function (addr) { 2 window.location.href = "http://maps.google.com/maps?q=" + addr; 3 }, 4
デバッグモード(npm run dev)やFirebaseのHostingでデプロイしたものをブラウザ(safari)から開いたときは正常に動作します。
※開いたGoogle Mapsからアプリに戻った時に、ちゃんと動作します。
ところが、PWAモード(?)、つまりsafariで開いたアプリを「ホーム画面に追加」し、ここからアプリとして起動しappend-iconをタップしてMapが起動した後、アプリに戻るとフリーズしてしまって操作できなくなってしまいます。
ちなみに、スマホはiPhoneを使用しています。
どなたか、原因や解決方法の分かる方、いらっしゃいましたらご回答をお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/02 02:14
2020/10/04 23:32