Passo a Passo para usar o Google Maps no Gvinci

- tá pronta na versão next.

- Criar uma conta na google development no endereço

https://developers.google.com/maps/documentation/javascript/get-api-key?hl=pt-br#key

AIzaSyAFn9OXORde73sZa7nj-8HebrBhUwJvIsg

- Qdo. for usar a api eles vão te dar um id que você vai utilizar junto com a nova api deles.

- no Form da Página do Google Maps, na propriedade HeaderRegion tem que colocar a Key da api nessa linha:

<script src="https://maps.googleapis.com/maps/api/js?key=XXXXXXXXXXXXXXXXXXXXXXX"
type="text/javascript"></script>

onde tem XXXXXXXXXXX coloque a sua key que deve ser gerado no Google

a key free te dá direito a 25.000 consultas/dia

Função Javascirpt , colocar na página.

function Button1_OnClientClick(sender)

MapAddress();

function MapAddress() {

GoogleMapsGeocoder = new google.maps.Geocoder();

var combo = $find("ComboBox1");

var uf = combo.get_text();

var cidade = document.getElementById("RadTextBox2").value;

var endereco = document.getElementById("RadTextBox1").value

 var ScriptMap1 = "";

var Map1Address = "Brasil, " + uf + ", " + cidade + ", " + endereco;

GoogleMapsGeocoder.geocode( { 'address': Map1Address}, function(results, status) {

if (status == google.maps.GeocoderStatus.OK)

var mapOptions =

zoom: 17,

center: results[0].geometry.location,

mapTypeId: google.maps.MapTypeId.ROADMAP

var GoogleMap = new google.maps.Map(document.getElementById("Map1"), mapOptions);

var marker = new google.maps.Marker

({

map: GoogleMap,

position: results[0].geometry.location

});

else

alert("Erro ao procurar Endereço! Status: " + status);

});