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

உங்கள் வலைத்தளத்தில் முழுமையாக பதிலளிக்கக்கூடிய கூகுள் மேப்ஸை எளிதாக உட்பொதிக்கவும்—100% இலவசம், API விசை தேவையில்லை! கீழே உள்ள 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 மூலம் பயன்படுத்தவும். எடுத்துக்காட்டுகள் பின்வருமாறு:

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

பொதுவான கூகுள் மேப்ஸ் உட்பொதிப்பு சிக்கல்களை சரிசெய்தல்

தெளிவான வழிமுறைகள் இருந்தாலும், சிக்கல்கள் எழலாம். பொதுவான பிரச்சினைகளுக்கான தீர்வுகள் இங்கே:

  • "இந்த பக்கம் கூகுள் மேப்ஸை ஏற்ற முடியாது" பிழை: இது பொதுவாக API விசை அல்லது API அழைப்பதில் உள்ள சிக்கலைக் குறிக்கிறது.
    தீர்வு: உங்கள் API விசை செல்லுபடியாக உள்ளதா, சரியான API களுக்கு இயக்கப்பட்டுள்ளதா, மற்றும் உங்கள் குறியீட்டில் சரியாக சேர்க்கப்பட்டுள்ளதா என உறுதிசெய்யவும்.
  • வரைபடம் காட்டப்படவில்லை: குறியீடு சேர்க்கப்பட்டுள்ளது, ஆனால் வரைபடம் வெறுமையாக உள்ளது.
    தீர்வு: உங்கள் HTML சரியாக உருவாக்கப்பட்டுள்ளதா என சரிபார்க்கவும், iframe அல்லது JavaScript துண்டு சரியாக உள்ளதா என பார்க்கவும், மற்றும் src பண்புக்கூறு செல்லுபடியாகும் இருப்பிடத்தை சுட்டிக்காட்டுகிறதா என உறுதிசெய்யவும்.
  • வரைபடம் சரியாக காட்டப்படவில்லை: தவறான பெரிதாக்கல் அல்லது நிலை.
    தீர்வு: உங்கள் குறியீட்டில் பெரிதாக்கல் மற்றும் நிலை அமைப்புகளை மறுபரிசீலனை செய்து சரிசெய்யவும்.
  • வரைபடத்தின் அளவு தவறு: வரைபடம் மிகப் பெரியதாக, மிகச் சிறியதாக அல்லது பிற உறுப்புகளை மேலெழுதுகிறது.
    தீர்வு: iframe அல்லது API கொள்கலனில் அகலம் மற்றும் உயரம் அளவுருக்களை சரிசெய்யவும், அவை உங்கள் தளத்தின் பாணிகளுடன் பொருந்துகிறதா என உறுதிசெய்யவும்.
  • வரைபடம் ஊடாடவில்லை: நீங்கள் அதைப் பார்க்க முடியும் ஆனால் பெரிதாக்கவோ அல்லது பரவலாக்கவோ முடியாது.
    தீர்வு: Iframes க்கு, allowfullscreen அளவுரு சேர்க்கப்பட்டுள்ளதா என உறுதிசெய்யவும். API க்கு, URL அல்லது JavaScript இல் ஊடாடுதல் அமைப்புகளை சரிபார்க்கவும்.
  • பாதுகாப்பு சிக்கல்கள்: HTTPS பயன்படுத்தப்படாவிட்டால் உலாவிகள் அம்சங்களைத் தடுக்கின்றன.
    தீர்வு: உங்கள் தளத்தையும் கூகுள் மேப்ஸ் வளங்களையும் HTTPS மூலம் வழங்கவும்.

பிழைத்திருத்த உதவிக்குறிப்புகள்

  • உலாவி டெவலப்பர் கருவிகள்: உங்கள் தளம் ஏற்றப்படும்போது JavaScript பிழைகளுக்கு கன்சோலை சரிபார்க்கவும்.
  • எளிமையாக்கு: சிக்கலை தனிமைப்படுத்த உங்கள் குறியீட்டின் பகுதிகளை தற்காலிகமாக அகற்றவும், பின்னர் அவற்றை மெதுவாக மீண்டும் சேர்க்கவும்.
  • கூகுள் மேப்ஸ் ஆவணங்கள்: விரிவான சரிசெய்தலுக்கு அதிகாரப்பூர்வ ஆவணங்களை பார்க்கவும்.

FAQ: உங்கள் வலைத்தளத்தில் கூகுள் மேப்ஸை உட்பொதித்தல்

எனது வலைத்தளத்தில் ஒரு வரைபடத்தை ஏன் உட்பொதிக்க வேண்டும்?
ஒரு வரைபடத்தை உட்பொதிப்பது பயனர் அனுபவத்தை மேம்படுத்துகிறது, பார்வையாளர்கள் உங்கள் இருப்பிடத்தை எளிதாகக் கண்டறிய உதவுகிறது. இது உள்ளூர் SEO மற்றும் தெரிவுநிலையையும் அதிகரிக்கிறது.
Iframe ஜெனரேட்டர், iframe மற்றும் கூகுள் மேப்ஸ் உட்பொதிப்பு API ஆகியவற்றுக்கு இடையே உள்ள வேறுபாடு என்ன?
Iframe ஜெனரேட்டர் விரைவானது, உடனடியாக அடிப்படை iframe குறியீட்டை உருவாக்குகிறது. நிலையான iframes எளிமையானவை மற்றும் கைமுறையானவை, அதே சமயம் உட்பொதிப்பு API மேம்பட்ட கட்டுப்பாடு மற்றும் தனிப்பயனாக்குதலை வழங்குகிறது ஆனால் தொழில்நுட்ப நிபுணத்துவம் தேவை.
ஒரு சிறு வணிக வலைத்தளத்திற்கு எந்த முறை சிறந்தது?
பெரும்பாலான சிறு வணிகங்களுக்கு, iframe ஜெனரேட்டர் அல்லது நிலையான iframe முறை எளிமை மற்றும் ஒற்றை இருப்பிடங்களுக்கு திறமையானவை என்பதால் சிறந்தவை.
Iframe உட்பொதிப்புக்கு API விசை தேவையா?
இல்லை, iframe ஜெனரேட்டருக்கோ அல்லது அடிப்படை iframe உட்பொதிப்புகளுக்கோ API விசை தேவையில்லை. ஆனால் உட்பொதிப்பு API க்கு தேவை.
கூகுள் மேப்ஸ் API இலவசமா?
இது சிறிய பயன்பாட்டிற்கு இலவச அடுக்கு வழங்குகிறது. அதிக பயன்பாட்டிற்கான செலவு விவரங்களுக்கு கூகுள் மேப்ஸ் விலை பக்கத்தை பார்க்கவும்.
Iframe வரைபடத்தின் தோற்றத்தை தனிப்பயனாக்க முடியுமா?
ஆம், ஆனால் குறைவாக மட்டுமே (எ.கா., அளவு மற்றும் எல்லை). ஆழமான தனிப்பயனாக்குதலுக்கு உட்பொதிப்பு API ஐப் பயன்படுத்தவும்.
கூகுள் மேப்ஸிலிருந்து iframe உட்பொதிப்பு குறியீட்டை எப்படி பெறுவது?
கூகுள் மேப்ஸுக்குச் செல்லவும், உங்கள் இருப்பிடத்தைக் கண்டறியவும், "பகிர்" என்பதைக் கிளிக் செய்யவும், "ஒரு வரைபடத்தை உட்பொதிக்கவும்" என்பதைத் தேர்ந்தெடுக்கவும், மற்றும் iframe குறியீட்டை நகலெடுக்கவும்—அல்லது விரைவான தீர்வுக்கு எங்கள் Iframe ஜெனரேட்டரை பயன்படுத்தவும்.
கூகுள் மேப்ஸ் API விசையை எப்படி பெறுவது?
கூகுள் கிளவுட் பிளாட்ஃபார்ம் கணக்கை உருவாக்கவும், மேப்ஸ் API களை இயக்கவும், மற்றும் API விசையை உருவாக்கவும்.
வரைபடம் காட்டப்படாவிட்டால் என்ன செய்வது?
உங்கள் உட்பொதிப்பு குறியீட்டை சரிபார்க்கவும், API இயக்கப்பட்டுள்ளதா என உறுதிசெய்யவும் (பொருந்தினால்), மற்றும் JavaScript பிழைகளைப் பார்க்கவும். உங்கள் தளம் HTTPS ஐப் பயன்படுத்துகிறதா என உறுதிசெய்யவும்.
Iframe வரைபடத்தில் பல குறியீடுகளைச் சேர்க்க முடியுமா?
எளிதாக இல்லை. பல குறியீடுகளுக்கு உட்பொதிப்பு API ஐப் பயன்படுத்தவும்.
எனது வரைபடத்தில் தனிப்பயன் பாணிகளைச் சேர்க்க முடியுமா?
Iframes க்கு பாணி விருப்பங்கள் குறைவு. தனிப்பயன் பாணிகளுக்கு உட்பொதிப்பு API உடன் ஸ்டைலிங் விசார்டைப் பயன்படுத்தவும்.
அட்சரேகை மற்றும் தீர்க்கரேகை ஆயத்தொலைவுகளுடன் வரைபடத்தை உட்பொதிக்க முடியுமா?
ஆம், iframe அளவுருக்களில் அட்சரேகை/தீர்க்கரேகையை சேர்க்கவும் அல்லது API அமைப்பில்—அல்லது எங்கள் Iframe ஜெனரேட்டரை பயன்படுத்தி ஆயத்தொலைவுகளை நேரடியாக உள்ளிடவும்.
எனது வரைபடத்தில் நிகழ்நேர தரவைக் காட்ட முடியுமா?
ஆம், உட்பொதிப்பு API மற்றும் JavaScript குறியீட்டுடன்.
நான் குறியீட்டாளர் இல்லையென்றால் என்ன?
Iframe ஜெனரேட்டர் அல்லது நிலையான iframe முறை தொடக்கநிலையாளர்களுக்கு ஏற்றது—நகலெடுத்து ஒட்டவும். பல CMS தளங்களும் எளிதான உட்பொதிப்புக்கு செருகுநிரல்களை வழங்குகின்றன.
கூகுள் மேப்ஸ் உட்பொதிப்பு API பற்றி மேலும் எங்கு தெரிந்துகொள்ளலாம்?
கூகுள் மேப்ஸ் பிளாட்ஃபார்ம் ஆவணங்களைப் பார்க்கவும்.
எனது உட்பொதிக்கப்பட்ட வரைபடத்தை பதிலளிக்கக்கூடியதாக எப்படி செய்வது?
Iframe இன் அகலம்100% ஆக அமைக்கவும் மற்றும் அனைத்து சாதனங்களுக்கும் பொருந்த உயரம் ஐ சரிசெய்யவும்.