Foros del Web » Creando para Internet » HTML »

Como colocar el Google maps en coordenadas exactas ?

Estas en el tema de Como colocar el Google maps en coordenadas exactas ? en el foro de HTML en Foros del Web. A ver, me resulta un problema y es que no logro poner un google maps con las coordenadas para que se me vea por defecto. ...
  #1 (permalink)  
Antiguo 15/11/2010, 04:48
 
Fecha de Ingreso: noviembre-2010
Ubicación: N/A
Mensajes: 189
Antigüedad: 13 años, 5 meses
Puntos: 6
Como colocar el Google maps en coordenadas exactas ?

A ver, me resulta un problema y es que no logro poner un google maps con las coordenadas para que se me vea por defecto.

Os pongo el codigo.

Cita:
<script type="text/javascript">
var geocoder;
var map;
var query = "Jaén";
function initialize() {
geocoder = new google.maps.Geocoder();
var myOptions = {
zoom:8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canva s"), myOptions);
codeAddress();
}

function codeAddress() {
var address = query;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
Y las coordenadas exactas son:

Cita:
(37.76504934472781, -3.7900686264038086)
Que quiero centrar la catedral por ejemplo.

Y no se que cambiar para que sea vea por defecto esas coordenadas nada mas carges la pagina.

Gracias de antemano.
  #2 (permalink)  
Antiguo 15/11/2010, 11:05
Avatar de BloodShadow  
Fecha de Ingreso: marzo-2010
Ubicación: El Salvador
Mensajes: 393
Antigüedad: 14 años, 1 mes
Puntos: 52
Respuesta: Como colocar el Google maps en coordenadas exactas ?

Hola, te dejo un ejemplo de uno que hice en php, si no entiendes algo me avisas

Código HTML:
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAATq9r8gftH8ebjQuPt8AWjhS7I1Gv0Gi28asr-SayES1gOB1C4xRjRXHJefLVcWpP5fv6l4gOvcDu5g" type="text/javascript"></script>
<script src="http://gmaps-utility-library.googlecode.com/svn/trunk/labeledmarker/release/src/labeledmarker_packed.js" type="text/javascript"></script>
<?
	$ubicaciones = catCategoryGet($actual->key, null, CAT_RECURSE_ALL, CAT_FETCH_ALL, languageInfos($categoryinfos + $metasinfos, $lang)) ;
?>

<script type="text/javascript">

	function load(){
		if (GBrowserIsCompatible()) {
			var map = new GMap2(document.getElementById('map'));
			//map.setMapType(G_DEFAULT_MAP_TYPES) ;
			var html = '<b>Direcci&oacute;n: </b><span style="display: block; width: 350px; height: 33px; overflow: hidden;"><?= $ubicaciones->direction ?></span><br /><b>Departamento: </b><?= $ubicaciones->department ?>.';

			var iconoMarca = new GIcon(G_DEFAULT_ICON) ;
			iconoMarca.image = "<?= $root ?>images/icono.png"; 
			
			var tamanoIcono = new GSize(49,43);
			iconoMarca.iconSize = tamanoIcono; 
			
			iconoMarca.iconAnchor = new GPoint(50, 20); 

			var marker = new GMarker(new GLatLng(<?= $ubicaciones->coords_x ?> , <?= $ubicaciones->coords_y ?>), iconoMarca); 

			map.setCenter(new GLatLng(<?= $ubicaciones->coords_x ?> , <?= $ubicaciones->coords_y ?>), 17);
			map.addControl(new GSmallMapControl());
			map.addOverlay(marker);
			marker.openInfoWindowHtml(html);
		}
	}
</script>
<div id="map" style="text-align: left; width: <?= $ubicaciones->width ?>px; height: <?= $ubicaciones->height ?>px"></div> 
Ando corto de tiempo, asi que si no lo entiendes me avisas, en resumen solo agrega las coordenadas donde yo estoy usando el objeto <?= $ubicaciones->coords_x ?> y <?= $ubicaciones->coords_y ?>

Cualquier cosa me avisas... Suerte
  #3 (permalink)  
Antiguo 16/11/2010, 10:16
Avatar de angelAparicio  
Fecha de Ingreso: julio-2009
Ubicación: Sevilla
Mensajes: 307
Antigüedad: 14 años, 9 meses
Puntos: 22
Respuesta: Como colocar el Google maps en coordenadas exactas ?

Para una de mis webs tengo una función para hacer eso mismo:
Código Javascript:
Ver original
  1. //Centra el mapa en un punto
  2. function gmLoadMapaBar(x, y)
  3. {
  4.     if (GBrowserIsCompatible()) {
  5.         map = new GMap2(document.getElementById("bar_mapa"));
  6.         map.setMapType(G_HYBRID_MAP);
  7.         map.addControl(new GLargeMapControl());
  8.         map.addControl(new GMapTypeControl());
  9.         map.setCenter(new GLatLng(y, x), 16);
  10.        
  11.         gmMuestraPunto(y, x);
  12.     }
  13.     else {
  14.       alert("Sorry, the Google Maps API is not compatible with this browser");
  15.     }
  16. }
  17.  
  18. //Pone una marca en un punto
  19. function gmMuestraPunto(x, y)
  20. {
  21.     var point = new GLatLng(x, y);
  22.     map.addOverlay(new GMarker(point));
  23. }

Solo tendrías que adaptar el nombre de la función y del elemento mapa, "bar_mapa" en mi caso. Aquí puedes verlo en funcionamiento:

http://www.salirensevilla.es/index.p..._contemporaneo
__________________
Mis webs:
- Programador Web Autónomo
- Conciertos en Sevilla
  #4 (permalink)  
Antiguo 16/11/2010, 11:32
 
Fecha de Ingreso: octubre-2010
Mensajes: 156
Antigüedad: 13 años, 5 meses
Puntos: 0
Respuesta: Como colocar el Google maps en coordenadas exactas ?

sencillo en el google maps situa donde quieres que estee el puntero y en tu explorador en la barra de direcciones coloca
Código Javascript:
Ver original
  1. javascript:void(prompt('',gApplication.getMap().getCenter()));
y te da las coordenadas
  #5 (permalink)  
Antiguo 17/11/2010, 02:27
 
Fecha de Ingreso: noviembre-2010
Ubicación: N/A
Mensajes: 189
Antigüedad: 13 años, 5 meses
Puntos: 6
Respuesta: Como colocar el Google maps en coordenadas exactas ?

Gracias :D ya pude resolver la duda. Al final usé este script. Lo pongo por si alguien le pudiera servir.

Cita:
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&language=es"></script>
<script type="text/javascript">

function init() {
var map = new google.maps.Map(document.getElementById("map_canva s"), {
scaleControl: true});
map.setCenter(new google.maps.LatLng(coordenadasX, coordenadasY));
map.setZoom(16);
map.setMapTypeId(google.maps.MapTypeId.ROADMAP);

var marker = new google.maps.Marker({map: map, position:
map.getCenter()});
var infowindow = new google.maps.InfoWindow();
infowindow.setContent('<b>Jaen</b>');
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
}
</script>

Última edición por nau89; 17/11/2010 a las 02:37

Etiquetas: coordenadas, google, maps
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:44.