Snazzy maps - マーカーが表示されない

Question

マーカーが表示されないという問題があります。 地図のスタイルOK、すべてがマーカーを除いてokです...ここで

は、HTMLとJavaScriptのコードです...

function initialize() { 
    var myLatLng = new google.maps.LatLng(45.431536, 4.380121); 

    var mapOptions = { 
     zoom: 14 
     , center: myLatLng 
     , disableDefaultUI: false 
     , scrollwheel: true 
     , navigationControl: true 
     , mapTypeControl: false 
     , scaleControl: true 
     , draggable: true 
     , mapTypeControlOptions: { 
      mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'roadatlas'] 
     } 
    }; 
    var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(45.431536, 4.380121) 
     , animation: google.maps.Animation.BOUNCE 
     , icon: 'images/location_pin.png' 
     , title: 'ASL' 
    }); 

    var styledMapOptions = { 
     name: 'US Road Atlas' 
    }; 
    var usRoadMapType = new google.maps.StyledMapType(roadAtlasStyles, styledMapOptions); 
    map.mapTypes.set('roadatlas', usRoadMapType); 
    map.setMapTypeId('roadatlas'); 
} 
google.maps.event.addDomListener(window, "load", initialize);}); 

はあなたの助けをいただき、ありがとうございます。

Answer 1

あなたのマーカーでmap属性不足している：

google.maps.event.addDomListener(window, "load", initialize);}); 

それリライトする：

google.maps.event.addDomListener(window, "load", initialize); 

また

var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(45.431536, 4.380121) 
     , animation: google.maps.Animation.BOUNCE 
     , icon: 'https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/location-24-128.png' 
     , title: 'ASL' 
     , map : map 

    }); 

を、あなたはこのラインに構文エラーがあります

JSFIddle：https://jsfiddle.net/t9pgsv6g/