Google Maps çoklu yer işaretleme (Multiple Markers)

multiple-marker-gmaps

Google Maps Api  kullanarak bir noktayı işaretleme olayına marker diyoruz. Front-end Developer’ların çok işine yarayacağını düşündüğümüz bir özellikten bahsetmek istiyoruz.

Bazen harita üzerinde birden fazla noktaya işaret eklememiz gerekebiliyor (şubeler, bayiler, servisler vb)

Birden fazla yer işaretlemek için aşağıdaki kodlardan faydalanabilirsiniz.

HTML

<div id="map_wrapper">
        <div class="mapping" id="map_canvas">
        </div>
</div>

CSS

#map_wrapper {
    height: 400px;
}

#map_canvas {
    width: 100%;
    height: 100%;
}

JS

Hakan Demirel

pcanalist.com kurucularından Hakan Demirel, özel bir şirkette Front-end Developer olarak çalışmakta. Twitter üzerinden @hakandemirel hesabını takip edebilir yada hakandemirel.com adresinden daha fazla bilgi alabilirsiniz.

Bunlar da hoşunuza gidebilir...

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Yandex.Metrica