Harita Modülü — sercankantarci.com.tr

Demo

Kısa link (maps.app.goo.gl) veya uzun Google Maps URL'si — her ikisi de çalışır.

Embed kullanımı

1) Google Maps linki ile

<div data-harita
     data-link="https://maps.app.goo.gl/xyz"
     data-zoom="15"
     style="height:400px"></div>
<script src="https://harita.sercankantarci.com.tr/embed.js"></script>

2) Direkt koordinat ile

<div data-harita
     data-lat="36.6212" data-lng="29.1167"
     data-title="Fethiye Ofis"
     style="height:400px"></div>

3) Birden çok marker (inline)

<div data-harita
     data-markers='[
       {"lat":36.62,"lng":29.11,"title":"Şube 1"},
       {"lat":36.65,"lng":29.13,"title":"Şube 2"}
     ]'
     style="height:400px"></div>

4) Uzak JSON kaynağı

<div data-harita
     data-source="https://lcw.example.com/api/markers.json"
     style="height:400px"></div>

Kaynak [{lat,lng,title,link?,address?}] formatında JSON dönmeli, CORS açık olmalı.

API

GET /api/parse.php?url=<google-maps-url>

{
  "lat": 36.6212,
  "lng": 29.1167,
  "title": "...",
  "address": "...",
  "source": "https://www.google.com/maps/place/..."
}

CORS açık, sonuçlar 7 gün cache'leniyor.