Buradasınız: Emre Supçin / Visual Basic / Visual Basic .NET Uygulamasına Harita Nasıl Eklenir?

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 - Visual Basic .NET Uygulamasına Harita Nasıl Eklenir?

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>