みんなに優しく、解りやすくをモットーに開設しています。 以下のルールを守りみんなで助け合いましょう。
1.ファイルメーカーで解らない事があればここで質問して下さい。 何方でも、ご質問・ご回答お願いします。 (優しく回答しましょう)
You are not logged in.
Pages: 1
os; catalina ver; 19
webビューアに表示させたGoogleMapをプレビューモードにしたとき、
なぜか、ほぼ灰色で部分的に読み込んでいる状態で表示されます。
現状、webビューワは カスタムwebアドレスで テキストフィールド(table::html)を指定しており、
table::htmlは以下のデータが入っています。(APIキーは省略しています。)
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>GoogleMap</title>
<style>
html { height: 100% }
body { height: 98% }
#map { height: 100%; width: 100%}
</style>
</head>
<body>
<div id="map"></div>
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{APIKEY}}&callback=initMap"></script>
<script>
var map;
function initMap() {
let origin = {"lat":34.991492,"lng":135.7907061};
map = new google.maps.Map(document.getElementById('map'), {
center: origin,
zoom: 15,
mapTypeControl: false,
zoomControl: false,
streetViewControl: false
});
}
window.onload = function () {
initMap();
}
</script>
</body>
</html>
カスタムwebアドレスではなく、googlemapを選択した場合の表示はプレビューモードで表示されるので、
プレビューモードへの以降とhtmlの記述内のjavascriptのタイミングが噛み合っていないのかなと考えているのですが、
どうにかなりませんでしょうか。
何卒よろしくお願いします。
JavaScriptで描画している場合とか?、プレビューモードできちんとレンダリングしてくれませんね。どういう基準かは不明ですが...
Maps Static API で画像化する印刷可能です。
Overview | Maps Static API | Google Developers
https://developers.google.com/maps/docu … view?hl=ja
Offline
qb_dp 様 ご返信ありがとうございます。
印刷する時に、現在のズーム値と中心座標を取得してSTATIC APIで再度表示する形で、なんとかなりました。
Pages: 1
[ Generated in 0.016 seconds, 9 queries executed - Memory usage: 505.81 KiB (Peak: 515.86 KiB) ]