VB.Net Uygulamasına Harita Eklemek

Bu derste VB.Net uygulamasına harita eklemeyi görelim.

Merhaba Arkadaşlar,

Sizlere VB.Net uygulamasına Harita eklemeyi göstereceğim. Bunun için aşağıdaki işlemleri uygulayın:

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;


Try

    Tarayici.DocumentText = My.Resources.GoogleHarita

Catch

End Try




<!DOCTYPE html>

<html>

  <head>

    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">

    <meta charset="utf-8">

    <style>

      html, body, #map-canvas {

        height: 100%;

        margin: 0px;

        padding: 0px

      }

    </style>

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>

    <script>

var map;

function initialize() {

  var mapOptions = {

    zoom: 6,

    panControl:true,

    panControlOptions: {

        position: google.maps.ControlPosition.RIGHT_TOP},

    zoomControl:true,

        zoomControlOptions: {style: google.maps.ZoomControlStyle.SMALL, position: google.maps.ControlPosition.LEFT_TOP},

    scaleControl: true,

    streetViewControl: true,

        streetViewControlOptions: {position: google.maps.ControlPosition.LEFT_TOP},

    mapTypeControl:true,

    center: new google.maps.LatLng(39, 35.5)};

    map = new google.maps.Map(document.getElementById('map-canvas'),

    mapOptions);

}

google.maps.event.addDomListener(window, 'load', initialize);

  </script>

  </head>

  <body>

  <div id="map-canvas"></div>

  </body>

</html>



Uygulama Görüntüsü


Kolay Gelsin..
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git