கூகுள் மேப்ஸை உட்பொதிக்கவும் வலைத்தளத்தில் - இலவச HTML Iframe ஜெனரேட்டர்

உங்கள் கடை, அலுவலகம் அல்லது உணவகத்தின் இருப்பிடத்தை உங்கள் வலைத்தளத்தில் காட்ட விரும்புகிறீர்களா? சிறந்த பயனர் அனுபவத்திற்கு ஒரு வரைபடத்தைச் சேர்ப்பது அவசியம். இந்த வழிகாட்டி, கூகுள் மேப்ஸை உங்கள் தளத்தில் உட்பொதிப்பதற்கான செயல்முறையை, எளிய iframes முதல் மேம்பட்ட API செயலாக்கங்கள் வரை விளக்கும். உங்களுக்கு விரைவான தீர்வு தேவையா அல்லது தனிப்பயனாக்குதல் விருப்பங்களை ஆராய விரும்புகிறீர்களா, உங்களுக்கு தேவையான அனைத்தையும் நாங்கள் உள்ளடக்குவோம்.

கூகுள் மேப்ஸை உங்கள் வலைத்தளத்தில் உட்பொதிக்க மூன்று விருப்பங்கள்

கூகுள் மேப்ஸை உட்பொதிப்பதற்கு மூன்று முதன்மை முறைகள் உள்ளன, ஒவ்வொன்றும் அதன் சொந்த நன்மைகளுடன். விரைவான அமைப்பிற்கு எங்கள் எளிதான கூகுள் மேப்ஸ் Iframe ஜெனரேட்டரைப் பயன்படுத்தலாம், எளிமைக்கு ஒரு அடிப்படை iframe உட்பொதிப்பை தேர்வு செய்யலாம் அல்லது மேம்பட்ட அம்சங்களுக்கு கூகுள் மேப்ஸ் பிளாட்ஃபார்ம் API ஐ பயன்படுத்தலாம். Iframe ஜெனரேட்டர் தொடங்குவதற்கு விரைவான வழியாகும், நிலையான iframe முறை எளிது மற்றும் நம்பகமானது, மற்றும் API முழு தனிப்பயனாக்குதலை வழங்குகிறது. உங்கள் தேவைகளுக்கு எது பொருத்தமானது என்பதை தீர்மானிக்க ஒவ்வொரு விருப்பத்தையும் ஆராய்வோம்.

முதல் விருப்பம்: எங்கள் கூகுள் மேப்ஸ் Iframe ஜெனரேட்டரைப் பயன்படுத்தவும் (விரைவானது)

கூகுள் மேப்ஸ் iframe ஐ உட்பொதிப்பதற்கு விரைவான வழி தேவையா? எங்கள் கூகுள் மேப்ஸ் Iframe ஜெனரேட்டரைப் பயன்படுத்தவும்! எங்கள் கருவி, iframe குறியீட்டை உருவாக்குவதை எளிதாக்குகிறது—கூகுள் மேப்ஸை கைமுறையாக செல்ல வேண்டிய அவசியமில்லை. உங்கள் இருப்பிடத்தை உள்ளிடவும், அடிப்படை விருப்பங்களை தனிப்பயனாக்கவும், குறியீட்டை நகலெடுக்கவும். இதை எப்படி செய்வது என்பது இங்கே:

Iframe ஜெனரேட்டரைப் பயன்படுத்து

இந்த முறை தொடக்கநிலையாளர்களுக்கு அல்லது ஒரு நிமிடத்திற்குள் தங்கள் தளத்தில் வரைபடம் வேண்டுபவர்களுக்கு ஏற்றது!

இரண்டாவது விருப்பம்: ஒரு iframe ஐப் பயன்படுத்தி கூகுள் மேப்பை உட்பொதிக்கவும்

உங்கள் HTML பக்கத்தில் ஒரு வரைபடத்தை விரைவாகவும் எளிதாகவும் சேர்க்க விரும்புகிறீர்களா? நிலையான iframe முறை ஒரு சிறந்த தேர்வு. இது கூகுள் மேப்ஸிலிருந்து நேரடியாக ஒரு வரைபடத்தை ஒரு எளிய HTML குறியீட்டுடன் உட்பொதிப்பதை உள்ளடக்குகிறது—இதை உங்கள் தளத்தில் கூகுள் மேப்ஸுக்கான ஒரு சாளரமாக நினைக்கவும். இதோ படிப்படியான வழிகாட்டி:

1. உங்கள் வரைபடத்தைக் கண்டறியவும்: கூகுள் மேப்ஸுக்குச் சென்று உங்கள் இருப்பிடத்தைத் தேடவும்.
2. வரைபடத்தைப் பகிரவும்: "பகிர்" பொத்தானைக் கிளிக் செய்யவும், பின்னர் "ஒரு வரைபடத்தை உட்பொதிக்கவும்" என்பதைத் தேர்ந்தெடுக்கவும்.
3. குறியீட்டை நகலெடுக்கவும்: உங்களுக்கு ஒரு iframe உட்பொதிப்பு குறியீடு கிடைக்கும்—அதை நகலெடுக்கவும்!
4. உங்கள் HTML இல் ஒட்டவும்: உங்கள் வலைத்தளத்தின் HTML இல் வரைபடம் தோன்ற வேண்டிய இடத்தில் iframe குறியீட்டை செருகவும்.

ஒரு அடிப்படை ஊடாடும் வரைபடத்தை உங்கள் தளத்தில் சேர்ப்பதற்கு iframes ஒரு அற்புதமான, சிக்கலற்ற தேர்வு.

உங்கள் Iframe வரைபடத்தை தனிப்பயனாக்குதல்

iframe குறியீட்டை மாற்றி அதன் தோற்றத்தை சரிசெய்யலாம். நீங்கள் சந்திக்கும் சில பொதுவான பண்புக்கூறுகள் இங்கே:

• அகலம் மற்றும் உயரம்: உங்கள் வரைபடத்தின் அளவைக் கட்டுப்படுத்தவும்.
• frameborder: வரைபடத்தின் எல்லையின் தோற்றத்தை சரிசெய்யவும் (எ.கா., எல்லையில்லாமல் இருக்க 0 ஆக அமைக்கவும்).
• allowfullscreen: முழுத்திரை முறையை இயக்க இந்த அளவுருவை சேர்க்கவும்.

பொதுவான Iframe சிக்கல்களை சரிசெய்தல்

வரைபடம் காட்டப்படவில்லையா?

நகலெடுக்கப்பட்ட குறியீடு சரியாக உள்ளதா மற்றும் உங்கள் HTML இல் சரியாக ஒட்டப்பட்டுள்ளதா என இருமுறை சரிபார்க்கவும்.

வரைபடத்தின் அளவு தவறாக உள்ளதா?

iframe குறியீட்டில் அகலம் மற்றும் உயரம் பண்புக்கூறுகளை சரிசெய்யவும்.

வரைபடம் தவறாக தோன்றுகிறதா?

பகிரப்பட்ட கூகுள் மேப்ஸ் இணைப்பு சரியான இருப்பிடத் தரவை உள்ளடக்கியுள்ளதா என சரிபார்க்கவும்.

மூன்றாவது விருப்பம்: மேம்பட்ட அம்சங்களுக்கு கூகுள் மேப்ஸ் உட்பொதிப்பு API

உங்கள் வரைபடத்தில் மேலும் கட்டுப்பாடு தேவையா? கூகுள் மேப்ஸ் உட்பொதிப்பு API தான் செல்ல வேண்டிய வழி. Iframes எளிமைக்கு சிறந்தவை என்றாலும், உட்பொதிப்பு API மேம்பட்ட தனிப்பயனாக்குதல் மற்றும் செயல்பாட்டை வழங்குகிறது.

கூகுள் மேப்ஸ் உட்பொதிப்பு API ஏன் பயன்படுத்த வேண்டும்?

உட்பொதிப்பு API பல சாத்தியங்களைத் திறக்கிறது, உங்கள் தளத்தின் தேவைகளுக்கு ஏற்ப ஒரு ஊடாடும், தகவல் நிறைந்த அனுபவத்தை உருவாக்க அனுமதிக்கிறது. நீங்கள் விரும்பும் போது இதைப் பயன்படுத்தவும்:

• ஊடாடும் அம்சங்கள்: தனிப்பயன் குறியீடுகள், வடிவங்கள் மற்றும் தரவு அடுக்குகளைச் சேர்க்கவும்.
• பாணி மற்றும் வடிவமைப்பு: வண்ணங்கள், எழுத்துருக்கள் மற்றும் வரைபடத்தின் ஒட்டுமொத்த தோற்றத்தை தனிப்பயனாக்கவும்.
• மாறும் தரவு: போக்குவரத்து அல்லது இருப்பிட புதுப்பிப்புகள் போன்ற நிகழ்நேர தரவைக் காட்டவும்.
• சிறந்த பயனர் அனுபவம்: உங்கள் வலைத்தளத்தின் வடிவமைப்புடன் வரைபடத்தை தடையின்றி ஒருங்கிணைக்கவும்.

கூகுள் மேப்ஸ் உட்பொதிப்பு API ஐ எப்படி பயன்படுத்துவது

இந்த முறைக்கு சில தொழில்நுட்ப அறிவு மற்றும் JavaScript தேவை. இந்த படிகளைப் பின்பற்றவும்:

1. API விசையைப் பெறவும்: கூகுள் கிளவுட் பிளாட்ஃபார்ம் கணக்கில் பதிவு செய்து செல்லுபடியாகும் API விசையை உருவாக்கவும்.
2. API ஐ சேர்க்கவும்: கூகுள் மேப்ஸ் API ஐ ஏற்றுவதற்கு உங்கள் HTML கோப்பில் JavaScript துண்டு சேர்க்கவும்.
3. API ஐ அமைக்கவும்: JavaScript ஐப் பயன்படுத்தி வரைபடத்தை அமைக்கவும், குறியீடுகளைச் சேர்க்கவும், அம்சங்களை தனிப்பயனாக்கவும். உத்வேகத்திற்கு கூகுள் மேப்ஸ் API எடுத்துக்காட்டுகளை பார்க்கவும்.
4. அம்சங்களைச் சேர்க்கவும்: பெரிதாக்கல் நிலைகள், வரைபட வகைகள் (எ.கா., சாலை வரைபடம், செயற்கைக்கோள்) மற்றும் பலவற்றை தனிப்பயனாக்கவும்.

தனிப்பயனாக்குதல் விருப்பங்கள்

உட்பொதிப்பு API உடன், தனிப்பயனாக்குதல் கிட்டத்தட்ட எல்லையற்றது. கூகுள் மேப்ஸ் ஸ்டைலிங் விசார்டை பயன்படுத்தி உங்கள் வரைபடத்தின் தோற்றத்தை வடிவமைக்கவும், பின்னர் அந்த பாணிகளை API மூலம் பயன்படுத்தவும். எடுத்துக்காட்டுகள் பின்வருமாறு:

• தனிப்பயன் குறியீடுகளைச் சேர்த்தல்.
• வரைபட வகைகளை மாற்றுதல் (சாலை வரைபடம், செயற்கைக்கோள், நிலப்பரப்பு, கலப்பு).
• ஆர்வமுள்ள புள்ளிகளுக்கான அடுக்குகளைச் சேர்த்தல்.
• குறிப்பிட்ட எல்லைகளை மையமாகக் கொண்டு வரைபடத்தின் கேமராவைக் கட்டுப்படுத்துதல்.