この問題について助けが必要です、お願いします
Google Map
ズーム レベルを15に設定しようとしていますが、マップが完全にレンダリングされず、代わりに灰色の領域としてレンダリングされます
これは、私が意味することを理解するためのマップのスクリーンショットです
そして、これは以下の私のコードです:
<script type="text/javascript">
var geocoder;
var map;
var markersArray = [];
function initialize() {
geocoder = new google.maps.Geocoder();
var zoomLevel = 6;
//(38.5923884129755, 31.0229229927063)39.86619, 35.44768
var latlng = new google.maps.LatLng(38.5923884129755, 31.0229229927063);
var mapOptions = {
zoom: zoomLevel,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById('GoogleMap_Div'), mapOptions);
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng);
});
var hdnZoom = $("input[id$='hdnZoom']")[0];
var hdnLocation = $("input[id$='hdnLocation']")[0];
if (hdnZoom && hdnLocation) {
setMarker(hdnZoom.value, hdnLocation.value);
}
}
function setMarker(zoom, location) {
if (zoom && zoom != '' && location && location != '') {
var loc = location.split(",");
var latlng = new google.maps.LatLng(loc[0].substring(1), loc[1].substring(0, (loc[1].length - 1)));
if (latlng) {
addMarker(latlng)
}
map.setZoom(parseInt(zoom)); //zoom = 15
}
}
function addMarker(location) {
clearOverlays();
var hdnZoom = $("input[id$='hdnZoom']")[0];
if (hdnZoom) {
hdnZoom.value = map.getZoom();
}
var hdnLocation = $("input[id$='hdnLocation']")[0];
if (hdnLocation) {
hdnLocation.value = location;
}
marker = new google.maps.Marker({
position: location,
map: map
});
markersArray.push(marker);
}
ズーム レベルが 8 以下の場合、このコードは正常に機能します。