Google MAPS JS API 未加载

纽杜伊诺

我正在构建一个占用 Google Maps JS API 的网站,但由于某种原因,地图保持白色,但Google Chrome Console 中没有错误

HTML代码:

<div id="map-container-5" class="z-depth-1" style="height: 200px"></div>
<script src="https://maps.google.com/maps/api/js?key"></script> 

JS代码:

function myMap() {
        var mapProp= {
          center:new google.maps.LatLng(51.508742,-0.120850),
          zoom:5,
        };

        var map=new google.maps.Map(document.getElementById("map-container- 5"),mapProp);
 }

我不是很明白,为什么这不起作用,因为没有错误。

我的模板是:https : //www.w3schools.com/graphics/tryit.asp?filename=trymap_intro

Wayneuk2

如果您只想使用 googleapi 显示带有坐标的地图,请执行以下操作。这将显示带有您的 lat 和 lng 的地图。

CSS:

 #map {
    height: 400px;  /* The height is 400 pixels */
    width: 100%;  /* The width is the width of the web page */
   }

HTML

<div id="map"></div> /* Place on your page

这是在 /body 标签与您的密钥之前

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOURKEY&callback=initMap">
    </script>   

而 JS 脚本又是关于 /body 的地方

<script>
function initMap() {
// The location of Uluru
   var uluru = {lat: 51.5087420, lng: -0.120850};
  // The map, centered at Uluru
  var map = new google.maps.Map(
      document.getElementById('map'), {zoom: 10, center: uluru});
  // The marker, positioned at Uluru
  var marker = new google.maps.Marker({position: uluru, map: map});
}
</script>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在网络浏览器中加载Javascript Google Maps API,但在Android浏览器中未加载

来自分类Dev

异步加载Google Maps API

来自分类Dev

动态加载Google Maps API

来自分类Dev

动态加载Google Maps API

来自分类Dev

Blazor:Google Maps JS API

来自分类Dev

Google Maps iOS SDK集成未加载地图

来自分类Dev

Google Maps jQuery选项卡未加载

来自分类Dev

在Google Maps API上重新加载标记

来自分类Dev

Google Maps API:动态加载标记

来自分类Dev

在Google Maps API上重新加载标记

来自分类Dev

Google Maps API无法正确加载

来自分类Dev

Google Maps API:加载特定版本

来自分类Dev

使用 AngularJS 动态加载 Google Maps API

来自分类Dev

Angular Js和Google Maps API ngGeolocation

来自分类Dev

如何从Google Maps JS API获取MapPanes

来自分类Dev

Google地图未加载

来自分类Dev

Google Maps iOS SDK:虽然地图已启用且密钥正确,但未加载地图

来自分类Dev

Bootstrap JS未加载

来自分类Dev

如何以角度重新加载视图。Google Maps API

来自分类Dev

Google Maps v3-防止API加载Roboto字体

来自分类Dev

使用Angular在页面加载时访问Google Maps API

来自分类Dev

Google Maps API无法将地图加载到页面

来自分类Dev

通过AJAX加载Google Maps API,控制台错误

来自分类Dev

刷新JQM后,Google Maps API才会加载

来自分类Dev

什么构成对基本Google Maps JS API的调用?

来自分类Dev

Google Maps JS API-获取西北和东南界

来自分类Dev

如何在Google Maps JS API中制作虚线的折线?

来自分类Dev

多个图块问题Google Maps API v3 JS

来自分类Dev

Backbone.js是否带有Google Maps API Events?