Googleマップでマーカーが機能しないV3

Question

これはマップ上にマーカーを配置しようとしているところですマップはロードされていますが、マーカーはロードされていません。作業それがないことになっ

var myLatLng = new google.maps.LatLng(27.681874953576184, 85.32536029815674); 

     myMarker = new google.maps.Marker({ 
        position: myLatLng, 
        map: map, 
       }); 
     myMarker.setMap(map); 

。誰かが私のエラーを指摘するのを手伝ってもらえますか？

var myMarker; 
 
    var myLatLng; 
 
    var mapData = []; 
 
    var markerArray = []; 
 
    var map; 
 
    var lcoationsArray = []; 
 

 
    var infowindow = new google.maps.InfoWindow(); 
 
    var formStr = "<input type='text' id='text4mrkr' class='textinput textInput form-control' /><input type='button' class='btn btn-success' value='Add Bus Stop' onclick='addPlace();' />" 
 

 
    var loadMap = function() { 
 
     var myPosition = new google.maps.LatLng(27.685280944522653, 85.31990468502045); 
 
     var mapOptions = { 
 
     center: myPosition, 
 
     zoom: 10, 
 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
     disableDefaultUI: true, 
 
     clickable: true, 
 
     scrollwheel: false, 
 
     navigationControl: false, 
 
     mapTypeControl: false, 
 
     scaleControl: false, 
 
     zoomControl: true 
 
     }; 
 
     map = new google.maps.Map(document.getElementById("mapcontainer"), mapOptions); 
 

 
     google.maps.event.addListener(map, 'click', function(event) { 
 
     this.setOptions({scrollwheel:true}); 
 
     }); 
 
     google.maps.event.addListener(map, 'mouseover', function(event){ 
 
     self = this; 
 
     timer = setTimeout(function() { 
 
      self.setOptions({scrollwheel:true}); 
 
     }, 1000); 
 
     }); 
 
     google.maps.event.addListener(map, 'mouseout', function(event){ 
 
     this.setOptions({scrollwheel:false}); 
 
     clearTimeout(timer); 
 
     }); 
 

 

 
    }; 
 
    google.maps.event.addDomListener(window, 'load', loadMap); 
 

 
    
 
     var myLatLng = new google.maps.LatLng(27.681874953576184, 85.32536029815674); 
 

 
     myMarker = new google.maps.Marker({ 
 
        position: myLatLng, 
 
        map: map, 
 
       }); 
 
     myMarker.setMap(map);

html, body, #mapcontainer { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src = "http://maps.googleapis.com/maps/api/js"></script> 
 
<div class="col-md-12" id = "mapcontainer" style = "height:580px;"></div>

Answer 1

マップが作成される前に作成されているので、あなたは（ときonloadイベントが発生作成される）、loadMap機能の外にマーカーを作成しています。 loadMap機能内でマーカーの作成を移動します。私は愚かな何

var myMarker; 
 
var myLatLng; 
 
var mapData = []; 
 
var markerArray = []; 
 
var map; 
 
var lcoationsArray = []; 
 

 
var infowindow = new google.maps.InfoWindow(); 
 
var formStr = "<input type='text' id='text4mrkr' class='textinput textInput form-control' /><input type='button' class='btn btn-success' value='Add Bus Stop' onclick='addPlace();' />" 
 

 
var loadMap = function() { 
 
    var myPosition = new google.maps.LatLng(27.685280944522653, 85.31990468502045); 
 
    var mapOptions = { 
 
    center: myPosition, 
 
    zoom: 10, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP, 
 
    disableDefaultUI: true, 
 
    clickable: true, 
 
    scrollwheel: false, 
 
    navigationControl: false, 
 
    mapTypeControl: false, 
 
    scaleControl: false, 
 
    zoomControl: true 
 
    }; 
 
    map = new google.maps.Map(document.getElementById("mapcontainer"), mapOptions); 
 

 
    google.maps.event.addListener(map, 'click', function(event) { 
 
    this.setOptions({ 
 
     scrollwheel: true 
 
    }); 
 
    }); 
 
    google.maps.event.addListener(map, 'mouseover', function(event) { 
 
    self = this; 
 
    timer = setTimeout(function() { 
 
     self.setOptions({ 
 
     scrollwheel: true 
 
     }); 
 
    }, 1000); 
 
    }); 
 
    google.maps.event.addListener(map, 'mouseout', function(event) { 
 
    this.setOptions({ 
 
     scrollwheel: false 
 
    }); 
 
    clearTimeout(timer); 
 
    }); 
 

 
    var myLatLng = new google.maps.LatLng(27.681874953576184, 85.32536029815674); 
 

 
    myMarker = new google.maps.Marker({ 
 
    position: myLatLng, 
 
    map: map, 
 
    }); 
 
    myMarker.setMap(map); 
 
}; 
 
google.maps.event.addDomListener(window, 'load', loadMap); 
 

 

 
var myLatLng = new google.maps.LatLng(27.681874953576184, 85.32536029815674); 
 

 
myMarker = new google.maps.Marker({ 
 
    position: myLatLng, 
 
    map: map, 
 
}); 
 
myMarker.setMap(map);

html, 
 
body, 
 
#mapcontainer { 
 
    height: 100%; 
 
    width: 100%; 
 
}

<script src="http://maps.googleapis.com/maps/api/js"></script> 
 
<div class="col-md-12" id="mapcontainer" style="height:580px;"></div>