Google Maps API 不工作和选项答案

【问题标题】：Google Maps API not working & OptionsGoogle Maps API 不工作和选项
【发布时间】：2014-03-26 15:20:41
【问题描述】：

我无法理解我做错了什么？我一个接一个地跟着教程学习，但我的滚轮仍然不会禁用。我有 API 和选项告诉滚轮停止，但它没有。

标题部分

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCOUIGHpD4lCFJ-lQ0n-sCXmkZ1_pQ8pjY&sensor=false"></script>


<script type="text/javascript">
  function initialize() {
    var mapCanvas = document.getElementById('map_canvas');
    var mapOptions = {
      center: new google.maps.LatLng(44.5403, -78.5463),
      scrollwheel: false,
      zoom: 8,
      zoomControl: false,
      disableDefaultUI: true,
      overviewMapControl: false,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(map_canvas, map_options);
  }
</script>

正文部分

 <div id="map_canvas">

       <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d24141.27049823528!2d-74.06035544999999!3d40.8574141!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c2f9b0a40235f7%3A0xd81a483d6e7a2235!2sTeterboro%2C+NJ!5e0!3m2!1sen!2sus!4v1395840447571" width="100%" height="450" frameborder="0" style="border:0"></iframe>
       </div>

该网站已上线http://new.northernarchitecturalsystems.com/pages/contact.html。

感谢任何帮助。

【问题讨论】：

标签： javascript api google-maps

【解决方案1】：

您在初始化地图时使用了map_options，但您调用了变量mapOptions。

当您修复第一个错误时，您可能会看到与 map_canvas 类似的错误，但由于某种原因，开发者控制台中没有出现错误。

如果您在加载实时网站时按 F12 然后转到控制台，您的第一个错误会变得非常清楚，并且可能会揭示任何进一步的问题。

【讨论】：