Forum
Aktif konular
Üyeler
Kurallar
Arama
Tahribat.com Forumları 
Webmaster ve Yazılım Geliştiriciler 
Google Earth Deki Görüntüyü Web Sitesine Nasıl Eklerim Google Earth Deki Görüntüyü Web Sitesine Nasıl Eklerim
-
Şimdilik benim derdim şu:
Google Earth deki belirli bi yerin krokisini web sayfama nasıl eklerim? ss alıp jpeg şeklinde koymak aklıma geldi fakat bazı sitelerde görmüştüm o google earth ın interaktif krokisini.Bunu bende eklemek istiyorum. Muhtemelen google da bi yerelere kayıt olarak yapılıyodur bu işlem ama orası neresi :D
Bilen arkadaşlarım bi el atarlarsa çok mutlu olurum.
-
http://www.sezerweb.com/web-sayfaniza-google-haritalari-ekleyin/ incele burayı ayrıntılı bi şekilde anlatılmış.
Google’un bize kazandırdığı ve kullanmamız için sürekli yenilikler getirdiği harita hizmetini kendi web sayfamızda nasıl kullanabiliriz ?Harita hizmeti veren başka büyük firmalar da var ama kullanımı ve geliştirimi en kolay olan , Türkiye bölgelerini en ayrıntılı veren harita hiç kuşkusuz Google Maps’dir. Bu yüzden de giriş niteliğinde olan bu yazı en basit haliyle bir adresin haritada gösterilmesini anlatacak.
Google Maps bana göre ilerleyen zamanlarda çok daha fazla kullanılacak bir uygulama olma yolunda ciddi adımlar atıyor. Kullanım alanlarında tek kısıtlama sanırım hayalgücünüz. Bir emlak sitesinde gayrimenkulun konumunu göstermekten tutunda , online satış uygulamalarında sipariş adresini müşteriden almaya kadar bir çok yerde kullanabilirsiniz. Şu an için tek negatif yanı Türkiye haritasının bazı yerlerinde yeterli veriye sahip olmaması ama eminim kısa bir süre sonra bu güncellemeler yapılacaktır.
Şimdi google haritasının en basit haliyle web sitemize ekleme yöntemine geçelim.
Malzemeler:
- 1 gmail hesabı.
- Bir editör. (Not Defteri)
- Internet bağlantısı.
Google’un diğer uygulamaları gibi harita uygulmasını kullanabilmeniz için de bir gmail hesabınızın olduğunu varsayıyorum.Haritayı kendi sitenize eklemek için önce bunu google’a bildirmeliyiz. Bu linke tıklayarak açılan sayfadan
yukarıdaki linki tıklıyorsunuz. Açılan sayfanın altında sözleşmeyi kabul ettiğinize dair kutucuğu işaretledikten sonra haritayı eklemek istediğiniz web adresini yazıp butona basıyorsunuz.
Bu aşamadan sonra google sizin web adresinize özel bir kod üretiyor.Bu kod olmadan o adres altında haritayı çalıştıramazsınız.Aşağıdaki görüntüye benzer bir sayfa çıkınca işin kayıt tarafını bitirmiş olduk.
“Your key is” yazısının altındaki kodu not defterinize yazıp kayıt edin. Şimdi elimizdeki verileri kullanarak kendi adresimizi haritada göstermeye geçiyoruz.Öncelikle haritada göstermek istediğiniz yerin kordinatını buluyorsunuz. Bunun için Google Maps
adresine gidip açılan sayfadaki haritadan yerinizi belirliyin. İşaretlemek istediğiniz yerin üstünü çift tıklayarak haritanın merkezine getirin.Yeteri kadar yaklaştırdığınızdan ve merkeze getirdiğinizden eminseniz harita ekranının üzerinde bulunan bu sayfaya bağlantı oluşturun linki üzerinde farenizin sağ tuşuna basarak bağlantı adresini kopyalayın.
Kopyaladığınız adresi yine not defterinize yapıştırıp kayıt edin.
http://maps.google.com/?ie=UTF8&ll=36.851016,30.76762&spn=0.00564,0.010042&t=h&z=17&om=1
Buna benzer bir adresi kopyalamış olmanız gerekir.Şimdi haritayı oluşturmak için son adıma geçiyoruz.
Elimizde sitemize ait kod , belirlediğimiz yere ait kısayol mevcut aşağıdaki html sayfasının kodlarını alıp not defterinize yapıştırıp üzerinde düzenleme yapmak üzere açın.1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51<html>
<head>
<title>[Sezerweb].com</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<script src="http://maps.google.com/maps?file=api&v=2&z=2&t=h&om=1&key=ABQIAAAAluVI3CjrS9b3DIVDrcTqeRSey8sQx8YhSTAM8DJNIQcbe_ZlCRTw0cIzCD-II878R_KaBm3BKzVBxg" type="text/javascript"></script>
<!--key= YUKARIDAKİ ALANA SİTENİZE AİT KODU YAZIYORSUNUZ "-->
<style type="text/css">
html, body, #map {
width: 500px; /*haritanın eni*/
height: 370px; /*haritanın boyu*/
}
html {
overflow: hidden; /* kaydırma çubuğunu gizle */
}
body {
margin: 10px; 10px; 10px; 10px; /*sayfa boşluklarını ayarla*/
}
</style>
</head>
<body onUnload="GUnload()">
<div id="map"></div><!--haritanın gösterildiği alan-->
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
var map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(36.851016, 30.76762),17); /*Burası haritanın genel koordinatı ve zum ayarı*/
var point = new GLatLng(36.851016, 30.76762); /* Harita üzerine işaret koyulan koordinat. */
var marker = createMarker(point,'<div style="width:120px"><img src="http://www.sezerweb.com/wp-content/uploads/logo.gif" width="100" height="75" /></div>')
map.addOverlay(marker);
GEvent.trigger(marker, 'click');
}
//]]> </script>
</body>
</html>5. satırdaki “key=” ile başlayan alandaki kodu, daha önce almış olduğunuz kendi sitenizin kodu ile değiştirin.
Kısayolun içinde “ll=” ile başlayan koordinatın ilk değerini (36.851016) alıp 42. ve 43. satırdaki koordinatlar bölümünün ilk değerlerine girin.
Daha sonra yine kısayoldaki ikinci değeri (30.76762) alıp aynı yerdeki ikinci koordinat bölümünlerine ekleyin.
“z=” ile başlayan zum değerini (17) 42. satırdaki yere yazın.
44. satırdaki <div></div> tagları arasında işaretcinin üzerindeki çıkacak balondaki metin ya da görseli ayarlayın.
Not defterinizi .html olarak kaydedip internet tarayınızla kontrol edin.Artık sayfanız hazır bunu dilediğiniz gibi kullanabilirsiniz. Örnek uygulamayı buradan görebilirsiniz.
-
saoolasın hocam.Mutlu ettin beni :)
-
Mutlu ettiysem sevindim yapabildin mi bari ?
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla