Ինչպես ավելացնել քարտեզներ ձեր հավելվածին. ներդրումներ, ինտերակտիվ քարտեզներ և խանութների որոնում

Հավելվածին քարտեզ ավելացնելու համար նախ որոշեք՝ ձեզ պետք է ստատիկ ներդրում (մեկ վայր նշիչով, ինչպես «գտեք մեր խանութը») թե ինտերակտիվ քարտեզ (շատ նշիչներ ձեր տվյալներից, ֆիլտրեր, խմբավորում, «մոտիկս»)։ Մեկ վայրի համար ներդրված քարտեզը ամենաարագն է և, Google-ի Maps Embed API-ով, անվճար։ Ինտերակտիվ քարտեզների համար օգտագործեք JavaScript քարտեզի գրադարան՝ Google Maps JavaScript API, Mapbox GL JS կամ բաց կոդով Leaflet tile մատակարարի հետ, պահեք յուրաքանչյուր վայրի լայնությունը և երկայնությունը տվյալների բազայում, և սահմանափակեք ձեր API բանալին ձեր սեփական դոմեյնով։ Վաճառողների մանրամասները ստացված են յուրաքանչյուր մատակարարի սեփական փաստաթղթերից՝ սեպտեմբեր 2026-ի դրությամբ։

Ինչ տեսակի քարտեզ է ձեզ պետք

Փոքր բիզնեսի կայքերի մեծ մասին պետք է միայն առաջին տողը։ Գրացուցակները, շուկաները և ցուցակների կայքերը պահանջում են երրորդ և չորրորդ տողերը։

Ձեր տարբերակները

Google Maps Platform

Google-ի սկզբնական ուղեցույցը ասում է, որ պետք է ստեղծեք վճարման միացված Cloud նախագիծ և միացնեք այն API-ները, որոնք ուզում եք։ Նրա վճարի-ըստ-օգտագործման գները տալիս են Essentials SKU-ներ, ներառյալ Dynamic Maps-ը, ամսական 10,000 իրադարձության անվճար սահման, և նշում են Dynamic Maps-ը $7.00 յուրաքանչյուր 1,000 իրադարձության համար այդ սահմանից վեր (առաջին ծավալային մակարդակում)։ Maps Embed SKU-ն նշված է որպես անսահմանափակ և անվճար։ Google-ը վաճառում է նաև ամսական բաժանորդագրության պլաններ։ Ընթացիկ թվերի համար ստուգեք Google Maps Platform-ի գները։

Mapbox

Mapbox-ի գների էջը նշում է ամսական 50,000 անվճար քարտեզի բեռնում Mapbox GL JS-ի համար վեբում, հետո $5.00 յուրաքանչյուր 1,000-ի համար։ Տես Mapbox-ի գները։

Leaflet և OpenStreetMap

Leaflet-ը իրեն նկարագրում է որպես բաց կոդով JavaScript գրադարան՝ շարժական հարմար ինտերակտիվ քարտեզների համար, մոտ 42 KB JavaScript։ Այն պահանջում է քարտեզի tile-եր (քարտեզի պատկերները) ինչ-որ տեղից։ OpenStreetMap-ի հանրային tile սերվերները գայթակղիչ են, բայց tile օգտագործման քաղաքականությունը պահանջում է տեսանելի նշում, արգելում է զանգվածային ներբեռնումը, չունի ծառայության երաշխիք և զգուշացնում է առևտրային ծառայություններին, որ մուտքը կարող է դադարեցվել։ Իրական արտադրանքի համար օգտագործեք առևտրային կամ ինքներդ հոսթված tile աղբյուր, որը աշխատում է Leaflet-ի հետ։

API բանալիներ՝ հանրային, բայց սահմանափակված

Բրաուզերում օգտագործվող քարտեզի բանալիները տեսանելի են ցանկացած մարդու համար, ով բացում է ձեր էջը։ Դա սպասելի է, բայց նշանակում է, որ որևէ մեկը կարող է պատճենել ձեր բանալին և վառել ձեր հաշիվը։ Google-ի անվտանգության ուղեցույցը խորհուրդ է տալիս ավելացնել կայքի (HTTP referrer) սահմանափակումներ՝ ձեր դոմեյնների ցուցակով, և API սահմանափակումներ, որպեսզի բանալին աշխատի միայն այն API-ների համար, որոնք օգտագործում եք։

Սերվերային ծառայությունների բանալիները՝ օրինակ՝ հազարավոր հասցեների կոորդինատների որոնումը, պետք է լինեն առանձին բանալիներ, պահված սերվերային գաղտնիքներում, ոչ թե էջում։ Նաև սահմանեք բյուջեի ծանուցումներ կամ քվոտաներ մատակարարի կոնսոլում, որպեսզի սխալը չդառնա մեծ հաշիվ։

Կոորդինատների որոնում՝ հասցեները մեկ անգամ կոորդինատների վերածել

Քարտեզները նշում են լայնություն և երկայնություն, ոչ հասցեներ։ Հասցեն կոորդինատների վերածելը կոչվում է geocoding, և մատակարարների մեծ մասը այն վճարում է յուրաքանչյուր հարցման համար։ Արդյունավետ օրինաչափությունը.

1. Երբ ցուցակը պահվում է, կոորդինատավորեք նրա հասցեն սերվերի վրա։
2. Պահեք լայնությունը և երկայնությունը տվյալների բազայում։
3. Քարտեզը կարդում է պահված կոորդինատները․ այն երբեք չի կոորդինատավորում էջի դիտման ժամանակ։

Ստուգեք յուրաքանչյուր մատակարարի պայմանները այն մասին, թե որքան երկար կարող եք պահել կոորդինատավորման արդյունքները․ դրանք տարբերվում են։

Հուշումների օրինակներ

Մեկ ներդրված քարտեզ.

Կոնտակտների էջում ավելացրու ներդրված Google քարտեզ, որը ցույց է տալիս մեր հասցեն (12 High Street, Leeds)՝ օգտագործելով Maps Embed API-ը, բանալին GOOGLE_MAPS_EMBED_KEY-ում։ Դրա տակ ավելացրու «Ստացիր ուղղորդումներ» հղում։ Հեռախոսներում լրիվ լայնությամբ ցույց տուր և բեռնիր ծույլ եղանակով։

Ցուցակների ինտերակտիվ քարտեզ.

Ավելացրու լայնություն և երկայնություն listings աղյուսակին։ Երբ ցուցակը ստեղծվում է կամ նրա հասցեն փոխվում է, կոորդինատավորիր այն սերվերի վրա՝ բանալին GEOCODING_API_KEY-ում, և պահիր կոորդինատները։ Browse էջում ցույց տուր քարտեզ՝ յուրաքանչյուր ցուցակի նշիչով՝ Leaflet-ով, խմբավորմամբ, երբ նշիչները համընկնում են։ Նշիչի սեղմումը ցույց է տալիս վերնագիրը, գինը և հղումը։ Քարտեզը և ցուցակը պետք է օգտագործեն նույն ֆիլտրերը։

«Մոտիկս»․

Ավելացրու «Մոտիկս» կոճակ, որը խնդրում է այցելուի գտնվելու վայրը և ցույց է տալիս 10 կմ շառավղով ցուցակները՝ հեռավորությամբ դասավորված։ Եթե նրանք մերժում են գտնվելու վայրի մուտքը, թույլ տուր մուտքագրել քաղաք։

Քայլ առ քայլ

1. Ընտրեք քարտեզի տեսակը վերևի աղյուսակից։
2. Ստեղծեք մատակարարի հաշիվը և նախագիծը և միացրեք միայն այն API-ները, որոնք պետք են։
3. Ստեղծեք բանալիներ. բրաուզերի բանալի՝ սահմանափակված ձեր դոմեյններով (ներառյալ նախադիտման դոմեյնը մշակման ընթացքում) և, եթե անհրաժեշտ է, սերվերային բանալի կոորդինատավորման համար։
4. Պահեք բանալիները որպես գաղտնիքներ և խնդրեք ձեր կառուցիչին օգտագործել դրանք․ բրաուզերի բանալին դեռ սահմանափակ է, թեև վերջում գտնվում է էջում։
5. Պահեք կոորդինատները յուրաքանչյուր վայրի համար ձեր տվյալների բազայում։
6. Կառուցեք քարտեզը. նշիչներ, popup-ներ, խմբավորում և ողջամիտ կանխադրված մասշտաբ։
7. Զուգակցեք ցուցակի հետ։ Միայն քարտեզը դժվար է օգտագործել հեռախոսի վրա և ընթերցողների համար։ Ցույց տվեք նույն արդյունքները որպես ցուցակ։
8. Սահմանեք բյուջեի ծանուցում մատակարարի կոնսոլում։
9. Հրապարակեք և փորձարկեք կենդանի դոմեյնի վրա, քանի որ հղման սահմանափակումները հաճախ արգելափակում են քարտեզը, մինչև կենդանի դոմեյնը ավելացվի։

Սովորական սխալներ

• Անսահմանափակ բանալիներ։ Ցանկացած ոք կարող է դրանք կրկին օգտագործել իր կայքում։
• Կոորդինատավորում յուրաքանչյուր էջի դիտման ժամանակ։ Դանդաղ է և թանկ․ կոորդինատավորեք մեկ անգամ՝ պահելիս։
• Մոռանալ կենդանի դոմեյնը բանալու սահմանափակումներում։ Աշխատում է նախադիտմում, կենդանիում՝ դատարկ մոխրագույն տուփ։
• Միայն քարտեզ դասավորություններ։ Նշիչներ առանց ցուցակի ցավոտ են փոքր էկրանների վրա և անմատչելի։
• Հարյուրավոր նշիչներ առանց խմբավորման։ Անընթեռնելի և դանդաղ։
• Բացակայող նշում (attribution)։ Մատակարարների մեծ մասը պահանջում է այն, և թաքցնելը խախտում է նրանց պայմանները։
• Գտնվելու վայրը հարցնել էջը բեռնելիս։ Հարցրեք միայն այն ժամանակ, երբ օգտատերը սեղմում է «Մոտիկս»-ը։

Ստուգաթերթ

• Ընտրված է աշխատանքի համար ճիշտ քարտեզի տեսակը
• Բրաուզերի բանալին սահմանափակված է ձեր դոմեյններով և անհրաժեշտ API-ներով
• Սերվերային բանալիները պահված են գաղտնիքներում
• Կոորդինատները պահված են տվյալների բազայում, կոորդինատավորված մեկ անգամ
• Արդյունքները ցուցադրվում են նաև որպես ցուցակ
• Խմբավորում շատ նշիչների համար
• Նշումը տեսանելի է
• Բյուջեի ծանուցումը սահմանված է մատակարարի հետ
• Փորձարկված է հրապարակված դոմեյնի վրա և հեռախոսի վրա

Քարտեզների ավելացումը Mythex-ում

Mythex-ում ներկառուցված քարտեզների ինտեգրում չկա. դուք բերում եք ձեր սեփական մատակարարի բանալին, ավելացնում եք այն որպես նախագծի գաղտնիք (կամ տեղադրում, երբ գործակալը ցույց է տալիս գաղտնիքների քարտ), և խնդրում եք քարտեզը չաթում, ինչպես նկարագրված է Integrate any API-ում։ Կոորդինատները գնում են նախագծի տվյալների բազա։ Հիշեք ավելացնել և՛ ձեր նախադիտման, և՛ հրապարակված դոմեյնները բանալու կայքի սահմանափակումներում, և նորից հրապարակեք գաղտնիքները փոխելուց հետո։

Քարտեզները սովորաբար գտնվում են որոնման և ցուցակների կողքին. տես ինչպես ավելացնել որոնում ձեր հավելվածին, ինչպես կառուցել գրացուցակի կայք և ինչպես կառուցել փոքր բիզնեսի կայք։

Հարցեր