पर काम करेगा, मैंने अपनी वेबसाइट पर एक Google मानचित्र एकीकृत किया है, लेकिन जब मैं निरीक्षण तत्व खोलता हूं तो नक्शा काम करेगा और जब मैं मानचित्र बंद कर दूंगा। कृपया मुझे पता खुला निरीक्षण क्या समस्याजब मैं निरीक्षण तत्व खोलता हूं तो Google मानचित्र पूरी तरह से लोड नहीं होता है, यह
से पहले के बाद तत्व हैं।
कोड यहाँ है
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<input type="text" id="latitude" placeholder="latitude">
<input type="text" id="longitude" placeholder="longitude">
<div id="map" style="width:500px; height:500px"></div>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var $latitude = document.getElementById('latitude');
var $longitude = document.getElementById('longitude');
var latitude = -25.363882;
var longitude = 131.044922;
var zoom = 7;
var LatLng = new google.maps.LatLng(latitude, longitude);
var mapOptions = {
zoom: zoom,
center: LatLng,
panControl: false,
zoomControl: false,
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var marker = new google.maps.Marker({
position: LatLng,
map: map,
title: 'Drag Me!',
draggable: true
});
google.maps.event.addListener(marker, 'dragend', function (marker) {
var latLng = marker.latLng;
$latitude.value = latLng.lat();
$longitude.value = latLng.lng();
});
}
initialize();
</script>
</body>
</html>
कुछ कोड दिलचस्प होगा –
जोड़ा गया कोड स्पष्ट रूप से कोड नहीं है जो स्क्रीनशॉट –
में मानचित्र बनाने के लिए उपयोग किया गया है, बस अपने 'प्रारंभिक' फ़ंक्शन को सीधे कॉल न करें। (, खिड़की, 'लोड' से प्रारंभ) 'google.maps.event.addDomListener;' – duncan