உங்கள் வலைத்தளத்தில் முழுமையாக பதிலளிக்கக்கூடிய கூகுள் மேப்ஸை எளிதாக உட்பொதிக்கவும்—100% இலவசம், API விசை தேவையில்லை! கீழே உள்ள HTML iframe குறியீட்டை உருவாக்கவும்!
உங்கள் கடை, அலுவலகம் அல்லது உணவகத்தின் இருப்பிடத்தை உங்கள் வலைத்தளத்தில் காட்ட விரும்புகிறீர்களா? சிறந்த பயனர் அனுபவத்திற்கு ஒரு வரைபடத்தைச் சேர்ப்பது அவசியம். இந்த வழிகாட்டி, கூகுள் மேப்ஸை உங்கள் தளத்தில் உட்பொதிப்பதற்கான செயல்முறையை, எளிய iframes முதல் மேம்பட்ட API செயலாக்கங்கள் வரை விளக்கும். உங்களுக்கு விரைவான தீர்வு தேவையா அல்லது தனிப்பயனாக்குதல் விருப்பங்களை ஆராய விரும்புகிறீர்களா, உங்களுக்கு தேவையான அனைத்தையும் நாங்கள் உள்ளடக்குவோம்.
கூகுள் மேப்ஸை உட்பொதிப்பதற்கு மூன்று முதன்மை முறைகள் உள்ளன, ஒவ்வொன்றும் அதன் சொந்த நன்மைகளுடன். விரைவான அமைப்பிற்கு எங்கள் எளிதான கூகுள் மேப்ஸ் Iframe ஜெனரேட்டரைப் பயன்படுத்தலாம், எளிமைக்கு ஒரு அடிப்படை iframe உட்பொதிப்பை தேர்வு செய்யலாம் அல்லது மேம்பட்ட அம்சங்களுக்கு கூகுள் மேப்ஸ் பிளாட்ஃபார்ம் API ஐ பயன்படுத்தலாம். Iframe ஜெனரேட்டர் தொடங்குவதற்கு விரைவான வழியாகும், நிலையான iframe முறை எளிது மற்றும் நம்பகமானது, மற்றும் API முழு தனிப்பயனாக்குதலை வழங்குகிறது. உங்கள் தேவைகளுக்கு எது பொருத்தமானது என்பதை தீர்மானிக்க ஒவ்வொரு விருப்பத்தையும் ஆராய்வோம்.
கூகுள் மேப்ஸ் iframe ஐ உட்பொதிப்பதற்கு விரைவான வழி தேவையா? எங்கள் கூகுள் மேப்ஸ் Iframe ஜெனரேட்டரைப் பயன்படுத்தவும்! எங்கள் கருவி, iframe குறியீட்டை உருவாக்குவதை எளிதாக்குகிறது—கூகுள் மேப்ஸை கைமுறையாக செல்ல வேண்டிய அவசியமில்லை. உங்கள் இருப்பிடத்தை உள்ளிடவும், அடிப்படை விருப்பங்களை தனிப்பயனாக்கவும், குறியீட்டை நகலெடுக்கவும். இதை எப்படி செய்வது என்பது இங்கே:
இந்த முறை தொடக்கநிலையாளர்களுக்கு அல்லது ஒரு நிமிடத்திற்குள் தங்கள் தளத்தில் வரைபடம் வேண்டுபவர்களுக்கு ஏற்றது!
உங்கள் HTML பக்கத்தில் ஒரு வரைபடத்தை விரைவாகவும் எளிதாகவும் சேர்க்க விரும்புகிறீர்களா? நிலையான iframe முறை ஒரு சிறந்த தேர்வு. இது கூகுள் மேப்ஸிலிருந்து நேரடியாக ஒரு வரைபடத்தை ஒரு எளிய HTML குறியீட்டுடன் உட்பொதிப்பதை உள்ளடக்குகிறது—இதை உங்கள் தளத்தில் கூகுள் மேப்ஸுக்கான ஒரு சாளரமாக நினைக்கவும். இதோ படிப்படியான வழிகாட்டி:
ஒரு அடிப்படை ஊடாடும் வரைபடத்தை உங்கள் தளத்தில் சேர்ப்பதற்கு iframes ஒரு அற்புதமான, சிக்கலற்ற தேர்வு.
iframe குறியீட்டை மாற்றி அதன் தோற்றத்தை சரிசெய்யலாம். நீங்கள் சந்திக்கும் சில பொதுவான பண்புக்கூறுகள் இங்கே:
0
ஆக அமைக்கவும்).அகலம்
மற்றும் உயரம்
பண்புக்கூறுகளை சரிசெய்யவும்.உங்கள் வரைபடத்தில் மேலும் கட்டுப்பாடு தேவையா? கூகுள் மேப்ஸ் உட்பொதிப்பு API தான் செல்ல வேண்டிய வழி. Iframes எளிமைக்கு சிறந்தவை என்றாலும், உட்பொதிப்பு API மேம்பட்ட தனிப்பயனாக்குதல் மற்றும் செயல்பாட்டை வழங்குகிறது.
உட்பொதிப்பு API பல சாத்தியங்களைத் திறக்கிறது, உங்கள் தளத்தின் தேவைகளுக்கு ஏற்ப ஒரு ஊடாடும், தகவல் நிறைந்த அனுபவத்தை உருவாக்க அனுமதிக்கிறது. நீங்கள் விரும்பும் போது இதைப் பயன்படுத்தவும்:
இந்த முறைக்கு சில தொழில்நுட்ப அறிவு மற்றும் JavaScript தேவை. இந்த படிகளைப் பின்பற்றவும்:
உட்பொதிப்பு API உடன், தனிப்பயனாக்குதல் கிட்டத்தட்ட எல்லையற்றது. கூகுள் மேப்ஸ் ஸ்டைலிங் விசார்டை பயன்படுத்தி உங்கள் வரைபடத்தின் தோற்றத்தை வடிவமைக்கவும், பின்னர் அந்த பாணிகளை API மூலம் பயன்படுத்தவும். எடுத்துக்காட்டுகள் பின்வருமாறு:
தெளிவான வழிமுறைகள் இருந்தாலும், சிக்கல்கள் எழலாம். பொதுவான பிரச்சினைகளுக்கான தீர்வுகள் இங்கே:
src
பண்புக்கூறு செல்லுபடியாகும் இருப்பிடத்தை சுட்டிக்காட்டுகிறதா என உறுதிசெய்யவும்.அகலம்
மற்றும் உயரம்
அளவுருக்களை சரிசெய்யவும், அவை உங்கள் தளத்தின் பாணிகளுடன் பொருந்துகிறதா என உறுதிசெய்யவும்.allowfullscreen
அளவுரு சேர்க்கப்பட்டுள்ளதா என உறுதிசெய்யவும். API க்கு, URL அல்லது JavaScript இல் ஊடாடுதல் அமைப்புகளை சரிபார்க்கவும்.அகலம்
ஐ 100%
ஆக அமைக்கவும் மற்றும் அனைத்து சாதனங்களுக்கும் பொருந்த உயரம்
ஐ சரிசெய்யவும்.