Սովորաբար, Google Քարտեզները ինտեգրելու ժամանակ դուք աշխատում եք Maps JavaScript API- ի հետ , որը պահանջում է API ստեղն և կարող է առաջացնել ծախսեր, որոնք չպետք է թերագնահատել ավելի բարձր մուտքի համարներով: Գոյություն ունեն հիանալի այլընտրանքներ, ինչպիսիք են mapbox- ը կամ OpenStreetMap- ը , բայց դրանք դեռ չեն հասնում Google- ի առաջարկած բազմազան հատկությունների: Google- ն ինքնին առաջարկում է նաև միջոց առանց API ստեղնի ՝ Share գործառույթի միջոցով, որը մենք կարող ենք օգտագործել մեր նպատակների համար:
Այս ուղին կարող է օգտագործվել ծրագրավորմամբ `ցանկացած հասցե թողարկելու համար (նույնիսկ առանց իմանալու լայնությունն ու երկայնությունը): Բացի այդ, քարտեզը (ի տարբերություն JS- ի գործընկերոջ) պարունակում է հղում դեպի երթուղու պլանավորող: Քարտեզը կարելի է ձևավորել նաև CSS ֆիլտրերի միջոցով (չնայած արդյունքը այնքան էլ չի մոտենում բնածին ոճերին , որոնք հնարավոր են JS API- ի միջոցով):
Երկար տարիներ դա անելու ձևը ելքային = embed պարամետրն էր, որը Google- ը պաշտոնապես չի աջակցում, ուստի վերջին անցյալում ցուցադրման սխալներն աճել են:
331190767bb32b2468632e609223c53e
Եթե maps.google.de- ի միջոցով օգտագործում եք կիսման պաշտոնական գործառույթը, օրինակ, կստանաք հետևյալ կոդը:
331190767bb32b2468632e609223c53e
Եթե src պարամետրում մենք կառուցում ենք երկար URL- ն, ապա օրինաչափություն է ստացվում:
331190767bb32b2468632e609223c53e
Մենք ճանաչում ենք տվյալների հետևյալ տեսակները:
- մ ՝ մատրիցա
- s: լարային
- զ: բոց
- դ ՝ կրկնակի
- i: ամբողջ թիվ
- e: enum
Մի քանի փորձարկման և սխալի փորձերից հետո մենք կարող ենք վերացնել որոշ արժեքներ և փաթեթավորել ամենակարևոր արժեքները փոփոխականների մեջ, օրինակ ՝ հասցեն դինամիկ կերպով սահմանելու համար:
331190767bb32b2468632e609223c53e
Վերջապես, քարտեզին մենք կարող ենք ավելի գեղեցիկ տեսք ավելացնել, օրինակ ՝ հետևյալ CSS կոդի միջոցով:
331190767bb32b2468632e609223c53e
Ի վերջո, մենք ստանում ենք անվճար, դինամիկ քարտեզ, որը հուսալիորեն աշխատում է: