Responsive Reklam Alanı

Merhaba arkadaşlar,

Bu makalemizde .NET uygulamasına harita eklemeyi işleyeceğiz. Önce kısaca .NET’e değinelim; Bir çok uygulama geliştirme dili ve bu dillerle yazılmış uygulamaları çalıştırmak için ise farklı platformlar vardır. .net Framework, windows tabanlı uygulamalar geliştirebilmek için farklı programlama dillerinin birlikte çalışabileceği ortak bir geliştirme ortamıdır. Bu ortam hem yazılımları geliştirmek hem de çalıştırmak için gereklidir. .net Framework bileşen yönelimli uygulamaların geliştirilmesini ve yürütülmesini destekleyen bir ortam tanımlamaktadır. Bu sayede; farklı programlama dilleri, farklı işletim sistemleri ile çalışabilme özelliğine sahiptir.

 

Visual-Basic-Haita-Yapimi_emresupcin

 

1 – Bir tane VB.Net projesi oluşturun.

 

2 – Projeye bir adet ‘WebBrowser’ ekleyin. Adını ‘Tarayici’ olarak değiştirin.

 

3 – Yeni bir metin dosyası açın ve aşağıdaki HTML kodlarını yapıştırın. ‘Farklı Kaydet’ seçeneğine tıklayın. ‘Kayıt türü’ olarak ‘Tüm Dosyalar’ seçin ve ‘GoogleHarita.html’ olarak kaydedin.

 

4 – ‘GoogleHarita.html’ dosyasını ‘My Project’ – ‘Resources’ kısmına sürükleyip ekleyin.

 

5 – Son olarak projenin ‘Load’ kısmına şu kodu ekleyin;

 

1       Try
2               Tarayici.DocumentText = My.Resources.GoogleHarita
3       Catch
4                   End Try


1   <!DOCTYPE html>
2   <html>
3   <head>
4   <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
5   <meta charset="utf-8">
6   <style>
7                    html, body, #map-canvas {
8      height: 100%;
9      margin: 0px;
10     padding: 0px
11                    }
12  </style>
13          <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">
         </script>
14   <script>
15           var map;
16                    function initialize() {
17           var mapOptions = {
18    zoom: 6,
19             panControl:true,
20             panControlOptions: {
21             position: google.maps.ControlPosition.RIGHT_TOP},
22    zoomControl:true,
23    zoomControlOptions: {style: google.maps.ZoomControlStyle.SMALL, 
                                        position: google.maps.ControlPosition.LEFT_TOP},
24       scaleControl: true,
25       streetViewControl: true,
26       streetViewControlOptions: {position: google.maps.ControlPosition.LEFT_TOP},
27       mapTypeControl:true,
28       center: new google.maps.LatLng(39, 35.5)};
29       map = new google.maps.Map(document.getElementById('map-canvas'),
30       mapOptions);
31    }
32             google.maps.event.addDomListener(window, 'load', initialize);
33       </script>
34    </head>
35   <body>
36         <div id="map-canvas"></div>
37       </body>
38   </html>
Paylaşmak Güzeldir
Yazar
Yazar
Program Yazımında Hata Yakalama ve Ayıklama? Bilgisayar Programcılığı Nedir?
Bir yorum yazın
Siz de düşüncenizi belirtebilirsiniz.

Web Tasarım Blog Teması ES | Tüm hakları © Emre Supçin'e aittir.