कस्टम Google मानचित्र मार्कर एचटीएमएल - एचटीएमएल, सीएसएस, गूगल-मैप्स, मानचित्र

मैं एक Google मानचित्र शैली पादलेख को एम्बेड कर रहा हूं, जिसमें एक div ओवरले है जिसमें काम के घंटे, या संपर्क जानकारी जैसी चीजें हैं। मैं भी एक कस्टम स्थान मार्कर को शामिल करने की कोशिश कर रहा हूं, कुछ इस तरह:

क्या कोई मुझे इस बारे में सहायता कर सकता है? धन्यवाद!

उत्तर:

मान लें कि आप Google मानचित्र API का उपयोग कर रहे हैं, तो आप इस कोड का उपयोग कर सकते हैं।

function initMap() {
// store latitude and longitude for map and marker
var myLatLng = {lat: -25.363, lng: 131.044};

// create a map
var map = new google.maps.Map(document.getElementById("map"), {
zoom: 4,
center: myLatLng
});

// create a custom marker
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
title: "Hello World!",
icon: "my-image.png"
});
}

इस कोड ने एक MyLatLng वैरिएबल बनाया जो अक्षांश और देशांतर को संग्रहीत करता है, यह तब एक मैप ऑब्जेक्ट बनाता है। मुझे लगता है कि यदि आपके पास आपकी साइट में कोई मानचित्र है, तो आपके पास पहले से ही वह सेटअप है।

कोड ने एक मार्कर घोषित किया, उसी अक्षांश और देशांतर के नक्शे के माध्यम से position संपत्ति, के माध्यम से एक शीर्षक की स्थापना title संपत्ति और उस छवि को चुनना जो मार्कर के माध्यम से उपयोग की जाएगी icon गुण.

इस फ़ंक्शन को शुरू में दस्तावेज़ से सीधे उठा लिया गया था: https://developers.google.com/maps/documentation/javascript/markers