Коришћење АПИ-ја Гоогле Мапс радијалне удаљености

Садржај

• Корак 1
• Корак 2
• 3. корак
• 4. корак
• Корак 5
• Корак 6
• Корак 7

Можете да прилагодите Гоогле мапу тако да задовољи специфичне потребе публике вашег веб сајта помоћу АПИ-ја Гоогле Мапс 3.0. Један од начина персонализације је уметање круга који показује радијус растојања око одређеног места. Можете, на пример, да покажете радијус од пет километара око туристичког места како би посетиоци могли да виде оближње хотеле и ресторане. Да бисте креирали радијус удаљености око локације или тачке, користите класу Гоогле круг „Круг“.

Корак 1

Отворите ХТМЛ датотеку и идите на одељак који садржи код Гоогле мапе.

Корак 2

Померите се надоле до кода док не пронађете онај који дефинише локацију маркера. Да бисте лако пронашли обележивач, потражите појам „гоогле.мапс.Маркер“ у ХТМЛ датотеци.

3. корак

Испод места где дефинишете маркер креирајте слој „Круг“ и прикачите га на њега. На пример, укуцајте:

вар цирцлеЕкампле = нови гоогле.мапс.Цирцле ({мапа: мапа

4. корак

Додајте радијус круга који ће бити око маркера у метрима:

вар цирцлеЕкампле = нови гоогле.мапс.Цирцле ({мапа: радијус мапе: 5000

Корак 5

Направите боју испуне за круг. Боју дефинишете помоћу хексадецималног формата. На пример, укуцајте:

вар цирцлеЕкампле = нови гоогле.мапс.Цирцле ({мапа: радијус мапе: 5000 филлЦолор = #ФФФФФФ});

Корак 6

Повежите или додајте круг маркеру:

вар цирцлеЕкампле = нови гоогле.мапс.Цирцле ({мапа: радијус мапе: 5000 филлЦолор = #ФФФФФФ}); цирцлеЕкампле.биндТо (’мапа’, маркер);

Корак 7

Сачувајте мапу и тестирајте. Гоогле мапе ће приказати бели круг у радијусу од 5.000 метара око локације маркера.