Emre Supçin – Kişisel Blog | Visual Basic .NET Uygulamasına Harita Nasıl Eklenir?

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>
Yazar
Yazar
Bilgisayar Programcısı, Web Tasarımcı, Üniversite Öğrencisi...
Twitter Facebook Google Linkedin Flickr YouTube

Önceki Yazı:Program Yazımında Hata Yakalama ve Ayıklama?

Sonraki Yazı:Bilgisayar Programcılığı Nedir?

YORUMLAR
SİZ DE CEVAP YAZABİLİRSİNİZ
Bu yazı hakkında görüşünüzü belirtin.

ES Web Tasarım Web Tasarım Blog Teması Emre Supçin Bu tema ES Web Tasarım tarafından düzenlenmiştir. Hiçbir şekilde kopyalanamaz.