Javascript Location Picker Kullanımı
Location Picker, kullanıcıdan direkt olarak harita üzerinden koordinat almamızı sağlar. Location Picker ile ayrıca seçilen yerin adresini de otomatik olarak aldırabilirsiniz. Böylece kullanıcıya vakit kazandırmış oluyoruz. Kullanıcının gidip Google Maps’ten koordinatları tek tek girmesi yerine, location picker ile koordinatları harita üzerinden seçtirilmesi uygulamamızın kullanıcı deneyimini artıracaktır.
Location Picker’ı yerleştirmek için öncelikle paketi indirip projeye dahil etmemiz ve Google Maps Javascript API sayfasından bir adet API KEY almamız gerekecek.
Paket Linki: https://github.com/Logicify/jquery-locationpicker-plugin
Link: https://developers.google.com/maps/documentation/javascript/get-api-key
Daha sonra <head> tagları arasına içinde API KEY’imizin bulunduğu script kodunu ekliyoruz.
<script type="text/javascript" src='https://maps.google.com/maps/api/js?key=API_KEY&callback=initMap&sensor=false&libraries=places'></script>
<script src="~/Scripts/locationpicker/dist/locationpicker.jquery.js"></script>
Harita kısmı kodu için bu kodu kullanabilirsiniz.
Daha fazla ayrıntı için paketin sitesini inceleyebilirsiniz.
Link: http://logicify.github.io/jquery-locationpicker-plugin/
Location Picker’ı yerleştirmek için öncelikle paketi indirip projeye dahil etmemiz ve Google Maps Javascript API sayfasından bir adet API KEY almamız gerekecek.
Paket Linki: https://github.com/Logicify/jquery-locationpicker-plugin
Link: https://developers.google.com/maps/documentation/javascript/get-api-key
Daha sonra <head> tagları arasına içinde API KEY’imizin bulunduğu script kodunu ekliyoruz.
<script type="text/javascript" src='https://maps.google.com/maps/api/js?key=API_KEY&callback=initMap&sensor=false&libraries=places'></script>
<script src="~/Scripts/locationpicker/dist/locationpicker.jquery.js"></script>
Harita kısmı kodu için bu kodu kullanabilirsiniz.
Daha fazla ayrıntı için paketin sitesini inceleyebilirsiniz.
Link: http://logicify.github.io/jquery-locationpicker-plugin/
