13.07.2020

HTML kartları daxil etmək. Google Xəritələrdən (Yandex xəritələrindən) səyahət xəritəsini necə daxil etmək olar. Google Xəritələrdə bir şirkət əlavə etmək olar


Əksər şirkətlər faydalıdır və hətta ziyarətçilərin sizi tapmaq üçün daha əlverişli olması üçün saytda interaktiv xəritə yerləşdirmək lazımdır. Bu, xüsusilə böyük şəhərlər üçün xüsusilə doğrudur: Müştəriləriniz, ofisin yerini vizual olaraq görsələr, marşrut üzərində düşünə və yolda vaxt hesablaya biləcəklər.

Saytınıza, məsələn, dünyaca məşhur Google axtarış motoru üçün interaktiv xəritə əlavə edin. Pulsuz Google Maps xidmətindən istifadə edərək bunu edə bilərsiniz.

Addım 1. Saytda Google Xəritəsini təyin etmək üçün kodu əldə edin

Beləliklə, veb saytınızda interaktiv Google kartı yerləşdirmək üçün, ilk növbədə təşkilatınızın işarəsi olan bir kart kodu əldə etməlisiniz. Bunu etmək üçün, GoogleMaps-da axtarış sətirində şirkətin ünvanı və ya adını daxil edin və ya əl ilə tapın zəruri ev Xəritədə və siçan klik etiketini təyin edin.

Xəritədəki işarə quraşdırıldıqda, axtarış sətirinin yanında menyu işarəsinə vurun.

Açan menyu siyahısında "Link / Kod" seçin.

Açan pəncərədə, "kod" nişanına gedin, xəritə ölçüsünü seçin və təklif olunan HTML kodu kopyalayın.

Addım 2. Kart kartı 2GIS sayta necə daxil etmək olar

Beləliklə, kod əldə edilir, yalnız onu saytın istədiyiniz səhifəsinə yerləşdirmək qalır. "Kontaktlar" bölməsinə xəritə əlavə etmək qərarına gəldik. İdarəçisinə "Nubex" ə gedirik, İdarəetmə panelindəki hissəni seçin "Səhifələr", Siyahıda istədiyiniz bölmə tapın və vurun "Düzəliş et".

Bir mətn bloku ilə işləyəcəyik. Düyməyə bas "Mənbə"Kod redaktə rejiminə getmək. GoogleMaps-da alınan kodu mətn qutusuna daxil edin və dəyişiklikləri qeyd edin.

Saytımızın "Kontaktlar" səhifəsinə gedirik və yeniləmələrə sevinirik!

Google Xəritələr sayəsində, saytınızın hər hansı bir qonağı təşkilatın yerini görə biləcək, marşrutu avtomobillə gəzdirə biləcək ictimai nəqliyyat Və ya piyada, habelə qeydlərinizdə ünvanınızı qeyd edin.

Google kartlarına əlavə olaraq, xəritənin saytında və 2GIS-dən yerləşdirə bilərsiniz, müvafiq məqalələrdə onlarla danışacağıq.

Çox vaxt, bir sayt yaratarkən, təşkilatınızın yerini göstərəcək bir kart daxil etmək lazımdır. Əslində, saytdakı kart çox rahatdır: ilk növbədə istifadəçiləriniz üçün. Onlar dərhal resursunuzu tərk etmədən dərhal edə biləcəklər, baxın: Yaxın olduğunu və təşkilatınızın yerlərindən nə qədər yerləşdiyini necə müəyyənləşdirə bilərsiniz. Xəritəni sayta necə daxil etməyi bilməyin. Və çox və çox sadə olun!
Bu yazıda sizə deyəcəyəm və bir neçə dəqiqədə necə olduğunu göstərəcəyəm, saytınızın səhifələrində istədiyiniz yerlə xəritə daxil edə bilərsiniz.

Sayta xəritəsini necə daxil etmək olar

Beləliklə, saytın xəritəsini daxil etmək üçün Xidmətdən Google-dan istifadə edəcəyik.

1. Etməyimiz lazım olan ilk şey Google kart saytına getməkdir.

2. İndi ehtiyac duyduğunuz bütün əməliyyatları hazırlamaq üçün "klassik interfeys" ə getməyimiz yaxşıdır.

Bunu etmək üçün ekranın sağ alt küncündə sual işarəsi nişanını vurun.

"Klassik interfeys" seçmək istədiyiniz kiçik bir sürüşmə menyu çubuğunu açacaqsınız.

Bundan sonra başqa bir popup pəncərəsi görünəcək, burada niyə klassik interfeysdən istifadə etmək istədiyinizi söyləmək istəyəcəksiniz. Əşyalardan birini qeyd edə bilərsiniz, ancaq qeyd edə bilməzsiniz, ancaq dərhal "klassik interfeys" mavi linkini vurun.

Bundan sonra, kartı sayt səhifəsinə yerləşdirmək üçün lazım olan hər şeyin olduğu klassik Google kart interfeysinə aparılacaqsınız.

3. İndi ünvan giriş sahəsində istədiyiniz ünvanı daxil edin. Ölkəni, şəhəri, küçə və evi, yəni tam ünvanı göstərməyinizi unutmayın.

Nəticədə, bir qırmızı marker ilə işarələnmiş xəritədə yerinizi alacaqsınız.

4. İndi veb səhifəmizə daxil etmək üçün kodu əldə etməliyik, həm də bəzi parametrləri təyin etməliyik.

Əlavə kodunu əldə etmək üçün, istinad və ya kod üçün işarəni vurmalıyıq (bu printer ilə düzgün simge).

5. Burada veb saytına (ikinci sahəyə) əlavə etmək üçün HTML kodu ilə maraqlanırıq.

Ayrıca bu kodda dəyişdirilə bilən bəzi parametrləri görə bilərsiniz. Bunlar kartın ölçüsü, yəni hündürlüyü və enidir. Xəritənin çərçivəsini də təyin edə bilərsiniz. Varsayılan olaraq, çərçivənin dəyəri sıfırdır, ancaq onu dəyişdirə, məsələn, birini dəyişdirə bilərsiniz.

Əgər ehtiyacınız varsa, bu parametrləri dəyişdirin, baxmayaraq ki, veb səhifə kodundan edə bilərsiniz. Ehtiyac yoxdursa, onda sadəcə bütün kodu kopyalayın.

6. İndi yalnız kartı görmək istədiyiniz veb səhifənizin yerinə kopyalanmış kodu daxil etmək qalır.

Gələcəkdə edə biləcəyiniz kartınız üçün xüsusi olaraq ayrıca bir blok "div" yarada bilərsiniz, bu da stil hesabatı faylı vasitəsilə stilizə edilə bilər.

Kartımı buraya daxil edəcəm. Görün necə görünəcəyinə baxın.

Nəticədə istifadəçi yer markerinizi qeyd edərkən görəcək. Xəritəni hərəkət etdirə, miqyasını artıra və azalda biləcəkdir.

Ayrıca markerin üstündə ünvanınızla göstərilir. Və altındakı xəritəni genişləndirilmiş miqyasda görmək üçün bir əlaqə olacaq.

Beləliklə, hər şey sadə, işlək və rahatdır.

Sağlamlıqdan istifadə edin!

Bu dərs sizin üçün faydalı olsaydı, sevinəcəyəm. Inapplication, şərhlərinizi buraxın və düymələri istifadə edərək məqaləni paylaşın. sosial şəbəkələryalnız aşağıda yerləşir.

Hələ imzalanmamısınızsa, blog yeniləməsinə də abunə olun. Çox faydalı materiallara vəd edirəm.

Anna Kotelnikova səninlə.

Yeni görüşlərə uğurlar.

Salam, bu məqalə kiçik bir qeyddən başlamaq istərdim.

Yalnız inkişafı deyil, həm də saytların təbliği ilə maraqlananlar, həmçinin saytların təşviqi hər il böyüyür, axtarış motorları zibil səhifələrini kəsməyə və ən aktualları tərk etməyə çalışırlar. Beləliklə, kommersiya saytlarını tanıtmaq üçün ən son konfranslara baxaraq, bütün hallarda bənzər bir şeyə bənzər bir şeyin əlaqələndirilməsi üçün əlaqə səhifəsini dizayn etməkdir. Bu səhifə yalnız bir neçə telefon və rəy forması olanda vaxt vaxtları keçdi. İndi bununla daha çox məlumat verə bilmək lazımdır. Bu vəziyyətdə, yalnız ofisinizin dinamik xəritə yeri olmadan etmirsiniz. O oldu ayrılmaz hissəsi Ticarət saytının hər hansı bir əlaqə səhifəsi.

Yandex, geliştiricinin bu istiqamətdə öz həllini təmin etdi - yəni Webmasters-in heç bir problem olmadan veb saytına istənilən kart əlavə etməsinə imkan verən "Yandex xəritələrinin dizayneri".

Beləliklə, indi birbaşa hərəkətə keçək.

1.) Başlamaq üçün, xəritə konstruksiyasına gedin - http://api.Yandex.ru/maps/tools/constructor/.

Lazımi ünvanı təyin edə biləcəyiniz sahədə və sahənin qarşısında görünəcəksiniz.

Yandex-də icazə verilmədən də xəritə xəritəsi yarada bilərsiniz.

2.) Ehtiyacınız olan ünvanı daxil edin, bundan sonra ipucu ilə işıqlandıracaqsınız tam adı Evdə küçələr, şəhərlər və otaqlar.

3.) Ünvanı seçdikdən sonra etiketin təsvirini göstərə bilərsiniz, həm də rəngini seçin. Parametrlərin kanalı "OK" düyməsini basın. Və səhifəyə enin.

5.) Təqdim olunan kodu və sizə lazım olan saytda yerləşdirin.

Bir neçə not

- Yandex kartlarını sayta daxil etmək üsulu hər hansı bir CMS üçün uyğundur: Joomla, Opencart, WordPress və başqaları üçün uyğundur.

- Çox vaxt, məsələn, bir vizual redaktor, Joomla-da kodu kəsir. Beləliklə, redaktor olmadan əlaqə səhifəsi ilə işləmək istənir. Və ya bütün vizual düzəlişlərdən sonra xəritəni sayta daxil edin.

Kartın yaratdığı kodu mətn sənədinə kopyalayın və pin səhifəsi redaktə edildikdə, kodu təhrif etdiyiniz zaman həmişə bərpa edə bilərsiniz.

Bu gün bu gün aşağıdakı məqalələrdə hər şey, saytlarla texniki işlərdə beşik işləməyə davam edəcəyəm.

İstəsəniz daxil etmək xoşrəfə Veb saytına Bunun üzərindəki yer, məsələn, ofisiniz, anbarınız, sonra tanınmış veb vasitələrdən istifadə edin yandex-dən sayt üçün xəritə və ya sayt üçün Google-dan xəritə.

Bu yazıda Yandex xəritəsini sayta nə və necə daxil edəcəyimizi izah edəcəyik.

Beləliklə, məsələn, sayta daxil etdiyimiz Yandex xəritəsinə bənzəyir alış-veriş mərkəzi. Diaqramdakı evlərin şəkilləri ilə daha çox məlumat ola bilər, lakin bu vəziyyətdə ən yaxın yaşayış məntəqələri ilə bağlı ticarət mərkəzinin yerini göstərmək daha vacib idi, buna görə kiçik bir miqyas seçildi.

Saytdakı xəritə nədir?

Bu görünən bu görünən bu görünən bu dəfə oxuduqdan sonra təbəssüm ola bilərsiniz. "Kartın ziyarətçilərin harada olduğumuzu bilməsi lazımdır," Xəritənin rolunu xüsusilə kommersiya sahəsi üçün rolunu başa düşmək üçün sadə bir cavabdır. Burada bəziləri vacib cəhətlər Saytda xəritəyə sahib olmaq:

  • Qeyd xüsusi diqqət: Xəritənin olması, mənbənizdə inam dərəcəsini çox artırır. Şirkətin, ofisin vizual görüntüsü, mağazanın şəklini bilinçaltı olaraq bilinçaltı olaraq potensial müştəridən azad edir (qorxuları aradan qaldırır, görünür, nə varsa, yoxsa yoxa çıxdı? ") real müştəri.
  • İnteraktiv bir kartın olması (görüntü kartından fərqli olaraq) istifadəçiyə ən yaxın metro stansiyasını, motoristləri görmək üçün yerdən daha yaxşı gəzməyə, obyektin uzaq yanaşmalarına dair marşrutu yoxlamağa imkan verir. Bundan əlavə, interaktiv xəritə sahəyə kosmosa baxmağa imkan verir.
  • Əlbətdə ki, saytdakı xəritə, saytın ziyarətçiləri və müştəriləri mağazanızın, ofisinizin, anbarın yerini bilməsi üçün saytdakı xəritə tələb olunur.

Yandex xəritəsini sayta necə daxil etmək olar (addım-addım təlimat)

Faydalanmaq dizayner yandex.cart api.

Bu yazıda təxmini veririk addım-addım təlimatÜmid etdiyimiz Yandex xəritəsini saytınıza daxil etməyə kömək edəcəkdir:

Addım 1. Sayt üçün ilkin quraşdırma Yandex xəritələri:

  • Sayt üçün Yandex.Cart dizayner səhifəsini açın.
  • Xəritədə ünvanda və ya əl ilə və ya əl ilə (kaydırıcıyı böyütmək və xəritə siçanını hərəkət etməklə) tapmaq üçün lazımi coğrafi yeri tapın.
  • Rahat bir miqyas seçin. Son miqyas, işin sonunda quraşdırmaq daha yaxşıdır. İstədiyiniz xəritədə, xətlərdə (sürücü yolları) və binaların və ya ərazilərin konturlarına etiketlər çəkək.
  • Müvafiq sahədə gələcək xəritənin adını göstərin.
  • Xidmət alətləriKitə müraciət edirik: Rəsm nöqtələri (xəritədə etiketlər), xətlər, çoxbucaqlılar (konturlar) və xəritə ölçüsü.

Addım 2. Xal nöqtəsindəki rəsm (etiketlər):

  • Rəsm düyməsini vurun.
  • Doğru yerə bir etiket (nöqtə) qoyduq. Məsələn, ofisinizin binasında. Yandex-dən sayt üçün xəritə üçün yalnız bir neçə etiket, ancaq bir neçə etiket var (məsələn, bir neçə dükan, anbarlar və ya ofisləriniz varsa).
  • Quraşdırılmış etiketin xüsusiyyətlərini (mətn daxil et, rəng seçimi və s.) Təmin etmək üçün gedin.

Addım 3. Etiketlər xəritəsində quraşdırılmış xüsusiyyətlər qurmaq:

  • Etiketə görə birbaşa vurun.
  • Açan pəncərədə, sizə lazım olan xüsusiyyətləri (rəng, etiket) seçin, mətni sorğu ilə yazın (sonra mətn etiketi tıklayarkən istifadəçiyə görünəcək).
  • Hər hansı bir etiket müvafiq xüsusiyyətlər pəncərəsində çıxarıla bilər.
  • Beləliklə, saytınızın etiketi üçün Yandex xəritəsini qoyduq, xüsusiyyətlərini qurduq, indi rəsm xətlərinə keçin. Məsələn, ofisə giriş yolunun xətləri.

Addım 4. Xəritədə xətlər çəkir:

  • Xətt rəsm düyməsini vurun.
  • Xəritədə vurun, hər hansı bir traektoriyanın qırıq bir xəttini alırıq. Hər hansı bir obyektlə və ya obyektə giriş marşrutunu oxumaq mümkündür.
  • Hərəkətli kvadrat və dəyirmi markerlər, xətt şəklini düzəldə bilərsiniz.
  • Etiketləri ilə bənzətmə ilə, xətti vurursanız, xüsusiyyətlər pəncərəsi, xəttin rəngini, qalınlığını, şəffaflığını təyin edə biləcəyiniz, habelə istifadəçiyə göstəriləcək mətni daxil edə bilərsiniz.
  • Artıq çoxbucaqlı rəsm çəkmək üçün gedin.

Addım 5. Rəng konturları ilə doldurulmuş çoxbucaqlılar:

  • Çoxbucaqlıların rəsm düyməsini vurun.
  • Hər hansı bir poliqonun konturunu keçə biləcək xətlərdən fərqli olaraq, bu çoxbucaqlılar su altında qalan orta rəngli konturlardır.
  • Xəritədə siçan təmizləyin, hər hansı bir doldurulmuş çoxbucaq çəkə bilərsiniz. Xüsusiyyətləri rəsm, redaktə etmək və təyin etmək üsulu xəttə rəsm metoduna bənzəyir.
  • Xəritənin ölçüsünü dəyişdirmək üçün indi gedin.

Addım 6. Sayt üçün xəritənin ölçüsünü dəyişdirmək:

  • Ölçüsü düyməsini vurun.
  • Xəritə dövrə boyunca kvadrat markerləri hərəkət etdirərək, tələb olunanlara ölçüsünü dəyişə bilərsiniz. Hər şey sadədir.
  • Final yaratmaq üçün karta gedin.

Addım 7. Sayt üçün kart kodu almaq (Yandex):

  • Kartın son miqyasını və son mövqeyi (koordinat) təyin edərək xəritəni son formaya verin.
  • Bu mərhələdə sayt üçün bir xəritə yaratmaq (Yandex) tam hesab edilə bilər. Böyük bir sarı düyməni "saxla və kodu əldə edin" düyməsini basın.
  • Kartı saxladıqdan sonra da həmişə redaktə etmək üçün qayıda bilərsiniz.
  • Unutmayın ki, kart yalnız bir sxem, həm də kosmosdan, hibrid və ya "xalq kartı" elementindən bir fotoşəkil ola bilər.
  • Bundan əlavə, interaktiv və ya sadə bir görüntü xəritəsini hazırlamaqda azadsınız. İnteraktiv xəritə daha maraqlı, işləkdir, lakin sadə görüntüdən daha uzun yükləyə bilər. Seçim sənindir.
  • Yandex xəritəsini səhifənin yerində xəritənin html kodunu yerləşdirərək sayta daxil edin.

Addım-addım təlimatlarımızla maraqlanan bütün oxucular sayəsində.

Yandex-dən sayt üçün xəritə yaratmaq, daha mürəkkəb veb quruluşlarının fonunda xüsusi bilik və bacarıq tədbirləri tələb etməyən asan həssasdır. Saytınızı yaratarkən daha ciddi çətinliklərlə qarşılaşırsınızsa, bizə müraciət edin. Problemlərinizi həll etməyə çalışacağıq!

Təlimatlarımızı bəyənirsinizsə, bunu dostlarınıza və tanışlarınıza tövsiyə edə bilərsiniz. "Sosial düymələr" sağdadır. Belə mənim kiçik qayğıkeşlərimizdir.


2021.
Mamipizza.ru - Banklar. Əmanətlər və depozitlər. Pul köçürmələri. Kreditlər və vergilər. Pul və dövlət