Google Maps API无法使用&选项

时间:2014-03-26 15:20:42

标签: javascript api google-maps

我无法理解我做错了什么?我已经按照教程后的教程,仍然我的滚轮不会禁用。我有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

感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

您在初始化地图时使用map_options,但您已调用变量mapOptions

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

如果您在加载实时网站时按F12然后转到控制台,则您的第一个错误会变得非常清晰,并且可能会显示任何其他问题。