Google지도 대신 회색 상자가 표시됩니다.

이 문제를 해결하기 위해 많은 검색을했는데이 문제를 해결할 수 없습니다. 다시 작동하지 않습니다Google지도 대신 회색 상자가 표시됩니다.

google.maps.event.trigger(draw_map, "resize")

과 스타일

div { 
    overflow: hidden; 
}

에서을하지만 : google map

나는이 이벤트 트리거를 테스트 :지도 쇼 회색, 그림을 볼!

var draw_map = ''; 
var drawingManager; 
var selectedShape; 
var resc; 
var rest; 
var resx; 
var resy; 
jQuery(document).ready(function(){ 
    initialize_draw_map(); 
}); 

function initialize_draw_map() { 
    if (draw_map != '') 
     return false; 
    var myLatlng = new google.maps.LatLng(90, 90); 
    var myOptions = { 
     zoom: 11, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    draw_map = new google.maps.Map(document.getElementById("map_canvas_draw_map"), myOptions); 
    var polyOptions = { 
     strokeWeight: 0, 
     fillOpacity: 0.30, 
     editable: true, 
     fillColor: '#1E90FF', 
     zIndex: 1 
    }; 
    drawingManager = new google.maps.drawing.DrawingManager({ 
     drawingMode: google.maps.drawing.OverlayType.RECTANGLE, 
     drawingControlOptions: { 
      position: google.maps.ControlPosition.TOP_LEFT, 
      drawingModes: [google.maps.drawing.OverlayType.CIRCLE, google.maps.drawing.OverlayType.RECTANGLE, 
       google.maps.drawing.OverlayType.POLYGON, google.maps.drawing.OverlayType.POLYLINE 
      ] 
     }, 
     polygonOptions: polyOptions, 
     rectangleOptions: polyOptions, 
     circleOptions: polyOptions, 
     map: draw_map 
    }); 
}

로드 라이브러리 :

http://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places,drawing

이 페이지에서 내 다른 구글지도 작업을뿐만 아니라이 구글지도에 대한 코드를 초기화합니다.

출처

2014-12-01 Araz Jafaripur

어쩌면 문제를 재현하는 코드를 더 제공하려고 할 수 있습니다 (어쩌면 적어도 바이올린에 포함될 수도 있습니다)? – nozzleman

네트워크 트래픽을 확인하고 맵 부품을 얻으려고 시도하는지 확인할 수 있습니까? –

그래, 몇 가지 코드를 제공해야하며 코딩중인 플랫폼을 언급해야합니다. –

이 지점 var myLatlng = new google.maps.LatLng(90, 90);는 북극에 있습니다. 타일은 회색입니다.

fiddle with your code

나는 (비 회색 타일가 미국에서) 좀 더 합리적인 장소지도 옵션 변경하는 경우 :

var myLatlng = new google.maps.LatLng(42, -90); 
var myOptions = { 
    zoom: 4, 
    center: myLatlng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
};

내가 더 이상 "회색"지도를 얻을를 : working fiddle

작업 코드 :

var draw_map = ''; 
 
var drawingManager; 
 
var selectedShape; 
 
var resc; 
 
var rest; 
 
var resx; 
 
var resy; 
 
jQuery(document).ready(function() { 
 
    initialize_draw_map(); 
 
}); 
 

 
function initialize_draw_map() { 
 
    if (draw_map != '') 
 
    return false; 
 
    var myLatlng = new google.maps.LatLng(42, -90); 
 
    var myOptions = { 
 
    zoom: 4, 
 
    center: myLatlng, 
 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
 
    }; 
 
    draw_map = new google.maps.Map(document.getElementById("map_canvas_draw_map"), myOptions); 
 
    var polyOptions = { 
 
    strokeWeight: 0, 
 
    fillOpacity: 0.30, 
 
    editable: true, 
 
    fillColor: '#1E90FF', 
 
    zIndex: 1 
 
    }; 
 
    drawingManager = new google.maps.drawing.DrawingManager({ 
 
    drawingMode: google.maps.drawing.OverlayType.RECTANGLE, 
 
    drawingControlOptions: { 
 
     position: google.maps.ControlPosition.TOP_LEFT, 
 
     drawingModes: [google.maps.drawing.OverlayType.CIRCLE, google.maps.drawing.OverlayType.RECTANGLE, 
 
     google.maps.drawing.OverlayType.POLYGON, google.maps.drawing.OverlayType.POLYLINE 
 
     ] 
 
    }, 
 
    polygonOptions: polyOptions, 
 
    rectangleOptions: polyOptions, 
 
    circleOptions: polyOptions, 
 
    map: draw_map 
 
    }); 
 
}

html, 
 
body, 
 
#map_canvas_draw_map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=geometry,places,drawing&ext=.js"></script> 
 
<div id="map_canvas_draw_map" style="border: 2px solid #3872ac;"></div>

출처

2014-12-01 13:50:03 geocodezip

일반적으로 회색 맵은 잘못된 Google Maps API 또는 비추천 함수 호출로 인해 발생합니다.

그러나 API 키일 수도 있습니다. 유효한 제품인지 확인하십시오.

출처

2014-12-01 13:00:18 notsure

Google지도 대신 회색 상자가 표시됩니다.

답변

관련 문제