Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌地图api初始化:未定义初始化_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 谷歌地图api初始化:未定义初始化

Javascript 谷歌地图api初始化:未定义初始化,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,使用google map api时,我在控制台中遇到错误:-未捕获引用错误:未定义初始化 需要帮忙吗 JS <script type="text/javascript"> function initialize() { var myLatLng = {lat: 42.52501, lng: 2.938979}; var map = new google.maps.Map(document.getElementById('map'), { zoom: 12,

使用google map api时,我在控制台中遇到错误:-未捕获引用错误:未定义初始化 需要帮忙吗

JS

<script type="text/javascript">

function initialize() {


 var myLatLng = {lat: 42.52501, lng: 2.938979}; 
     var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 12,
    center: myLatLng,
    scrollwheel: false,
    draggable:true,



  });
     var image='logo.png';
     var marker = new google.maps.Marker({
    position: myLatLng,
    map: map,
    icon:image

  });
}
</script>

函数初始化(){
var Mylatng={lat:42.52501,lng:2.938979};
var map=new google.maps.map(document.getElementById('map'){
缩放:12,
中心:myLatLng,
滚轮:错误,
真的,
});
var image='logo.png';
var marker=new google.maps.marker({
职位:myLatLng,
地图:地图,
图标:图像
});
}
HEADER.PHP

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key='YOUR API KEY HERE'"></script>

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>

<body  onload="initialize()";></body>
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>

<body>

  <div id="map" style="height:500px; width:500px;"></div>
  <script>

    function initialize() {


     var myLatLng = {lat: 42.52501, lng: 2.938979}; 
         var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        center: myLatLng,
        scrollwheel: false,
        draggable:true,



      });
         var image='logo.png';
         var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon:image

      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</body>

您调用了两次google maps api,但没有代码,并且不清楚带有初始化功能的脚本放在哪里

我对你的代码做了一些修改

HEADER.PHP

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key='YOUR API KEY HERE'"></script>

<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>

<body  onload="initialize()";></body>
<script src='https://maps.googleapis.com/maps/api/js?v=3.exp'></script>

<body>

  <div id="map" style="height:500px; width:500px;"></div>
  <script>

    function initialize() {


     var myLatLng = {lat: 42.52501, lng: 2.938979}; 
         var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 12,
        center: myLatLng,
        scrollwheel: false,
        draggable:true,



      });
         var image='logo.png';
         var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        icon:image

      });
    }
    google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</body>

函数初始化(){
var Mylatng={lat:42.52501,lng:2.938979};
var map=new google.maps.map(document.getElementById('map'){
缩放:12,
中心:myLatLng,
滚轮:错误,
真的,
});
var image='logo.png';
var marker=new google.maps.marker({
职位:myLatLng,
地图:地图,
图标:图像
});
}
google.maps.event.addDomListener(窗口“加载”,初始化);

请提供一个演示该问题的模板。我正在使用另一个模板。您的意思是什么。。您无法将代码放入正确的源/文件中?更新你的问题与你的模板或涉及的文件…这样我可以建议在哪里放置代码。。我正在使用wordpress,我创建了一个新的页面模板,其中包含脚本google mapi get error(谷歌地图获取错误):您已多次在此页面上包含谷歌地图API。这可能会导致意外错误。当我把代码放在标题中时,有什么想法吗?试着删除第一个脚本