«
»
 

ASP.NET Google Maps

Written by Bruno Pires on Abril 20th, 2010

google

O ASP.NET Google Maps é um Web User Control que implementa a API v2 do Google Maps.

Para utilizar esta API e este Web User Control é necessário registar-se aqui e obter uma chave de utilização.

A utilização deste controlo é em tudo semelhante ao ASP.NET Bing Maps, é apenas executar o Drag & Drop do controlo na página de implementação e configurar as propriedades do controlo.

Como utilizar?

Substituir no ficheiro GoogleMapsControl.ascx “YOU_KEY” pela chave que lhe foi atribuída durante o processo de registo na API do Google Maps. 

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="GoogleMapsControl.ascx.cs" Inherits="GoogleMaps.GoogleMaps.GoogleMapsControl" %>

<script type="text/javascript" src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=YOU_KEY"></script>
<script type="text/javascript" src="GoogleMaps/GoogleMaps.js"></script>
<div id="myMap"></div>

Implementação do Web User Control numa página Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="GoogleMaps._Default" %>

<%@ Register src="GoogleMaps/GoogleMapsControl.ascx" tagname="GoogleMapsControl" tagprefix="uc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <uc1:GoogleMapsControl ID="GoogleMapsControl" runat="server" latitude="38.69052609303235" longitude="-9.297544956207275"
        pushPin="true" pushPinTitle="Sample Title" pushPinDescription="Sample Description" zoom="17" MapWidth="600px" MapHeight="400px"
        mapStyle="G_SATELLITE_MAP" />
    </div>
    </form>
</body>
</html>

Nas propriedades do controlo podemos definir um conjunto de funcionalidades disponibilizadas pela API do Google Maps, como o estilo de apresentação do mapa, definir a utilização de um marcador bem como o seu título e descrição.

Deixo aqui algumas imagens do controlo:

google_map_standard

google_satelite

google_satelite_2

google_terrain

Demo projecto de VS2008 e Web User Control disponível em:

http://aspnetgooglemaps.codeplex.com

 

Posted in .net, asp.net, c#, HTML, IE8, Visual Studio |
Tags: , , , , , , , , , ,

7 Comments so far ↓

  1. Raj diz:
    Agosto 6, 2010 às 10:38 am

    Though I am able to set the latitude and langitude properties, map is not regenerated as per the given lat and lang. Is there any method to be invoked after setting these two properties?

    Thank you

    Regards
    Raj

    Responder
  2. Rolando diz:
    Janeiro 18, 2011 às 8:07 pm

    Hi Bruno,
    very good control :) . I download your code and i would like to know if is possible to set more than one point in the map, isn’t?
    Thank you!

    Responder
  3. Evandro Junqueira Ramos diz:
    Maio 27, 2011 às 12:15 am

    Olá Bruno!

    Você conhece algum controle para exibir mapas do google maps em uma aplicação Windows Forms?

    Fiz algumas tentativas usando o controle Web Browser do Windows Forms, mas não ficou bom. Acabei perdendo muito em recursos do javascript, pois a minha idéia era interagir com os controles do Windows Forms.

    Obrigado!

    Responder
    • Bruno Pires diz:
      Maio 27, 2011 às 8:53 am

      Olá Evandro,

      Para windows forms não conheço, não conheço nenhum controlo nativo de exibição de mapas, e se pretendes interagir entre o controlo do mapa e o windows forms necessitas de alguma forma encapsular o controlo web browser de forma a quando alteras alguma propriedades desencadear um postback que o resultado afecte a tua aplicação windows forms.

      Responder

Leave a Comment