गूगल मैप्स क्या है?
गूगल मैप्स एक गूगल एपीआई है
Google फ़ॉन्ट्स एक Google API है
Google चार्ट एक Google API है
Google मानचित्र को अपने वेब पेज में जोड़ने का तरीका जानें।
मेरा पहला गूगल मैप
एक साधारण वेब पेज से शुरू करें।
एक <div> तत्व जोड़ें जहां आप मानचित्र को प्रदर्शित करना चाहते हैं, और मानचित्र का आकार निर्धारित करें:
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
नक्शा प्रदर्शित करने के लिए जावास्क्रिप्ट फ़ंक्शन जोड़ें:
उदाहरण
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
mapCanvas वेरिएबल मानचित्र का HTML तत्व है।
mapOptions चर मानचित्र के गुणों को परिभाषित करता है ।
केंद्र गुण निर्दिष्ट करता है कि मानचित्र को कहाँ केंद्रित किया जाए (अक्षांश और देशांतर निर्देशांकों का उपयोग करके)।
ज़ूम गुण मानचित्र के लिए ज़ूम स्तर निर्दिष्ट करता है ( ज़ूम स्तर के साथ प्रयोग करने का प्रयास करें)।
google.maps.Map ऑब्जेक्ट को पैरामीटर के रूप में mapCanvas और mapOptions के साथ बनाया गया है ।
अंत में Google API जोड़ें
मानचित्र की कार्यक्षमता Google पर स्थित JavaScript लाइब्रेरी द्वारा प्रदान की जाती है:
उदाहरण
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
गूगल मैप्स ट्यूटोरियल
हमारे Google मानचित्र ट्यूटोरियल में Google मानचित्र के बारे में अधिक जानें ।