0
私のグーグルマップは表示されません。時には、私がブートストラップのナビゲーションタブの中に入れようとしているときに、グレーボックスが表示されることがあります。私は本当にjsやgoogles apiで多くの経験を持っていないので、どんな入力が素敵になるでしょうかGoogle maps trouble bootstrap v4
css---
.map{
height:900px;
width: 300px;
}
js---
/*global google */
function initMap() {
var westerdals = { lat: 59.9159279, lng: 10.7608717, MapHeight: 300, MapWidth: 900 };
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 15,
center: westerdals
});
var marker = new google.maps.Marker({
position: westerdals,
map: map,
title: "Fjerdingen"
});}
html---
<div class="col-9">
<ul class="nav nav-tabs" role="tablist">
<li class="nav-item">
<a class="nav-link active" href="#profile" role="tab" data-toggle="tab">Bilde</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#buzz" role="tab" data-toggle="tab">Kart</a>
</li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane in active" id="profile"><img class="img-fluid" id="bildeboks"
src="http://placehold.it/900x300">
</div>
<div role="tabpanel" class="tab-pane fade" id="buzz"><div id="map"></div></div>
</div> <script src="https://maps.googleapis.com/maps/AIzaSyCfvxt8VTbtTyl8lqB2hZCOSAAW22oOt8s/js?callback=map"></script>
'callback = map' - 地図と呼ばれる**機能**がありますか? - あなたのコードが何かであれば、スクリプトのURLを 'callback = initMap'に変更する必要があるでしょうが、' https:// maps.googleapis.com/maps/AIzaSyCfvxt8VTbtTyl8lqB2hZCOSAAW22oOt8s/js'は完全なゴミですグーグルマップapiも同様です。これは 'https://maps.googleapis.com/maps/api/js?key = YOUR_API_KEY&callback = initMap'のようなものでなければなりません –