2016-06-26 4 views
0

Google지도를 사용하는 간단한 페이지를 구현하려고하는데 파일을 업로드 한 후 내 Google지도 아이콘이 표시되지 않는 문제가 있습니다. 호스팅, 그것은 로컬로 잘 작동합니다.서버에 업로드 한 후 Google지도가 표시되지 않는 경우 로컬에서 정상적으로 작동합니다.

는 여기가 "$가 정의되지 않은"코드 조각은 오류를 제공

var styles = [ 
 
    { 
 
     "featureType":"landscape", 
 
     "stylers":[ 
 
      {"saturation":-100}, 
 
      {"lightness":65}, 
 
      {"visibility":"on"} 
 
      ] 
 
     }, 
 
     { 
 
     "featureType":"poi", 
 
     "stylers":[ 
 
      {"saturation":-100}, 
 
      {"lightness":51}, 
 
      {"visibility":"simplified"} 
 
      ] 
 
      }, 
 
     { 
 
     "featureType":"road.highway", 
 
     "stylers":[ 
 
      {"saturation":-100}, 
 
      {"visibility":"simplified"} 
 
      ] 
 
      }, 
 
     { 
 
     "featureType":"road.arterial", 
 
     "stylers":[ 
 
      {"saturation":-100}, 
 
      {"lightness":30}, 
 
      {"visibility":"on"} 
 
      ] 
 
      }, 
 
     { 
 
      "featureType":"road.local", 
 
      "stylers":[ 
 
      {"saturation":-100}, 
 
      {"lightness":40}, 
 
      {"visibility":"on"} 
 
      ] 
 
      }, 
 
     { 
 
      "featureType":"transit", 
 
      "stylers":[ 
 
      {"saturation":-100}, 
 
      {"visibility":"simplified"} 
 
      ] 
 
      }, 
 
     { 
 
      "featureType":"administrative.province", 
 
      "stylers":[{"visibility":"on"} 
 
      ] 
 
      }, 
 
     { 
 
      "featureType":"water", 
 
      "elementType":"labels", 
 
      "stylers":[ 
 
      {"visibility":"on"}, 
 
      {"lightness":-25}, 
 
      {"saturation":-100} 
 
      ] 
 
      }, 
 
     { 
 
      "featureType":"water", 
 
      "elementType":"geometry", 
 
      "stylers":[ 
 
      {"hue":"#ffffff"}, 
 
      {"lightness":0}, 
 
      {"saturation":0} 
 
      ] 
 
      } 
 
     ]; 
 

 
$("#my-map").gmap3({ 
 
    marker:{ 
 
     address: '96 New Moor St, Colombo' 
 
    }, 
 
    map:{ 
 
     options:{ 
 
      styles: styles, 
 
      zoom: 14, 
 
      scrollwheel: false, 
 
      draggable: true, 
 
      zoomControl: true, 
 
      zoomControlOptions: { 
 
       style: google.maps.ZoomControlStyle.SMALL 
 
       }, 
 
      mapTypeControl: false, 
 
      scaleControl: false, 
 
      scrollwheel: false, 
 
      streetViewControl: false 
 
     } 
 
    } 
 
}); 
 

 
// Show Map 
 
$(".show-map").click(function(){ 
 
    if ($(".map").hasClass("opened")) {  
 
      $(".map").removeClass("opened"); 
 
      $(".show-map i").removeClass("fa-minus"); 
 
      $(".show-map span").text("Show Map"); 
 
     } 
 
    else { 
 
      $(".map").addClass("opened"); 
 
      $(".show-map i").addClass("fa-minus"); 
 
      $(".show-map span").text("Hide Map"); 
 
     } 
 
});

+0

스 니펫이 오류를 발생시킵니다! –

+0

다음 링크를 확인할 수 있습니다. http://stackoverflow.com/questions/28112570/google-map-marker-not-showing-after-uploading-to-server-locally-works-fine. – abielita

답변

0

을 사용하고 스크립트입니다. 나는 당신이 코드에서 JQuery 가져 오기를 놓친 것 같아요, 서버에 파일을 업로드하는 동안 문제가되는 것 같아요.