Question

我正在尝试在我们的网站（http://www.iqbudovy.cz/redesign/，底部附近）上自定义显示google地图。地图在外部文件（maps.js）中定义，API调用在HTML中

    <!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>IQ budovy</title>
    <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700" rel="stylesheet">
    <link rel="stylesheet" href="style.css" />
    <link rel="stylesheet" href="js/slick/slick.css" />
    <link rel="stylesheet" href="js/jquery.fancybox.min.css" />
    <link rel="stylesheet" href="js/nice-select.css" />
</head>
<body>
...
    <section class="full map">
        <div class="map-title main-title small">Kde nás najdete?</div>
        <div id="map-canvas">
        <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCk7PqLHjdUg8igF-pfx_RDJKC4ygd484I&callback=initMap" async defer></script>
            </div>
        </section>
...
    <script type="text/javascript" src="js/jquery-latest.min.js"></script>
    <script type="text/javascript" src="js/slick/slick.js"></script>
    <script type="text/javascript" src="js/jquery.fancybox.min.js"></script>
    <script type="text/javascript" src="js/map.js"></script>
    <script type="text/javascript" src="js/jquery.nice-select.min.js"></script>
    <script type="text/javascript" src="js/custom.js"></script>

该定制有效，但是map仍然显示消息“仅用于开发目的”。我知道应该显示是否未定义API，并且我们必须输入相关API的帐单信息-我们已经做到了。

是我们错过了一步，还是编码错误？

带有外部.js的HTML中的Google Maps API显示“仅用于开发目的”

0 个答案: