Siteye Yandex Harita Ekleme

Google son zamanlarda api servisinin ücretsiz kullanımını daha da kısıtladı. Yeni map api key aldığınızda 100 saniyede bir gösterime izin vermektedir. 100 saniye içinde harita gösterimde oluyor ama harita üzerinde for development purposes only uyarı geliyor. Bu şekilde ziyaretçinin gözüne pek hoş gelmiyor tabi. Ancak imdadımıza yandex map yetişiyor. Şuanlık ücretsiz ve herhangi bir api key almanızda gerekmiyor. Direk kodları yapıştırıp haritayı kullanabilirsiniz.  Kodlar zaten çok basit ve açıklayıcı.

 

 


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Quick start. Showing an interactive map on a page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script src="https://api-maps.yandex.ru/2.1/?lang=tr_TR" type="text/javascript"></script>
    <script type="text/javascript">
        ymaps.ready(init);
        var myMap, 
            myPlacemark;

        function init(){ 
            myMap = new ymaps.Map("map", {
                center: [55.76, 37.64],
                zoom: 7
        });

        myPlacemark = new ymaps.Placemark([55.76, 37.64], { hintContent: 'İcon başlığı', balloonContent: 'Kutu içeriği'
            });
            
            myMap.geoObjects.add(myPlacemark);
        }
    </script>
</head>

<body>
    <div id="map" style="width: 600px; height: 400px"></div>
</body>

</html>

Daha fazla örnek uygulamaya bu linkten erişebilirsiniz.

Bir cevap yazın

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