2016-04-13 21 views
0

tür. Web sayfama çok basit bir Google haritası ekliyorum ve bunu yapmak için temel javascript API'sini kullanıyorum. Her şey kromda iyi çalışır, ancak internet explorer ile bazen çalışır. çıkageldi hatadır:Google Maps burada sıkışıp ait

SCRIPT5022: InvalidValueError: initMap is not a function js, line 102 character 390

hata benim js, Maps API google çağrısına karşılık gelir.

<!DOCTYPE html> 
<html 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"> 
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags --> 
    <title>Under Construction</title> 
    <link rel="shortcut icon" href="images/betterlogo.ico" type="image/x-icon"> 

    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link rel="stylesheet" href="css/animate.css"> 
    <link rel="stylesheet" href="css/thumbnails.css"> 
    <link rel="stylesheet" href="css/main.css"> 

    <!-- JS --> 

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> 
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> 
<!--[if lt IE 9]> 
<script src="js/html5shiv.min.js"></script> 
<script src="js/respond.min.js"></script> 
<![endif]--> 
<script src='js/device.min.js'></script> 
</head> 
 <div class="col-md-6 col-sm-12 col-xs-12"> 
     <div class="container-fluid"> 
      <div id="map-canvas"></div> 
     </div> 
     </div> 

< kimsenin görmesi gerekiyor --some daha kod dolgu, ->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<!-- Include all compiled plugins (below), or include individual files as needed --> 
<script src="js/bootstrap.min.js"></script> 
<script src="js/jquery.ui.accordion.min.js"></script> 
<script src="js/wow.js"></script> 
<script src="js/jquery.easing.1.3.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDFmJX1o4ocAPluAPlDWlh-VX_35iwc23o&libraries=places&callback=initMap" async defer></script> 
<script src="js/main.js"></script> 

ve benim javascript: Ben

function initMap() { 
    var myLatLng = {lat:40.4917507, lng:-74.2971267}; 
    var map = new google.maps.Map(document.getElementById('map-canvas'),{ 
    center: myLatLng, 
    zoom: 15 
    }); 
    var marker = new google.maps.Marker({ 
    position: myLatLng, 
    map:map, 
    title:"abc" 
    }); 

    google.maps.event.addDomListener(window, "resize", function(){ 
    var center=map.getCenter(); 
    google.maps.event.trigger(map, "resize"); 
    map.setCenter(center); 
    }) 
} 
+1

IE tarayıcı sürümünüzü kontrol edin .. https://developers.google.com/maps/documentation/javascript/browsersupport#desktop –

+0

Çalışıyor musunuz? IE desteklenen bir sürümü? – geocodezip

+0

Düşürmeyi ne garanti ettiler? Benim asıl init haritası sayfasında olması haricinde ve bunun altında yaşıyorum – Jgoo83

cevap

3

main.js dosyamı aramanın üzerine taşıdı googlemaps API ve sorunu çözdü. Tüm javascript yüklü önce arama yapıldığı varsayılmaktadır, dolayısıyla mapInit için geri arama henüz yoktu. Düşüncem doğru/yanlış ise bazı geribildirim isterim. Teşekkürler

<script src="js/main.js"></script> 
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDFmJX1o4ocAPluAPlDWlh-VX_35iwc23o&libraries=places&callback=initMap" async defer></script> 
+0

aynı sorun benim için – CyberNinja

+0

Bu hiç bir çalışma googleapis için çağrıdır. – Omar

2

Yukarıdaki gibi aynı hatayı alıyordum, ancak işaretli yanıt yardımcı olmadı. Eğer birisi sadece Internet Explorer'da initMap hatasını alıyorsa, bunun nedeni 'şablon edebi' ve 'ok fonksiyonları' dahil olmak üzere Internet Explorer için çok modern bir JavaScript kullandığınız olabilir. Kodumu geçtim ve bu hatayı kaldıran eski bir kodla değiştirdim. Umarım ki hata ayıklama saatlerinden birini kurtaracağım ...