Gente,
Los molesto con un asunto que no comprendo del todo.
Esoty realizando parte de una pagina donde el usuario puede ver su localizacion, mediante la ip.
Yo tengo una clave con api para utilizar en un codigo que usa google maps para mostraslo, no encuentro un codigo lo suficientemente sencillo, solo veo codigos con paramtros que no explican.
Tengo este pero muestra unas leyendas, yo solo quiero un mapa simple, no con todo esas leyendas.
<!-- BEGIN: GeoIPView.com IP Locator -->
<script type="text/javascript" src="http://api.geoipview.com/api.php?t=1&lang=es&w=230&h=300&bg=ECDDC0&bd=8DADCC&tx=222222"></script><br>
Motorizado por <a href="http://es.geoipview.com" title="Ver Dirección de Geo IP">GeoIPView</a>
<!-- END: GeoIPView
.com IP Locator
-->
No pretendo que me hagan la tarea, yo tengo el sitio casi cocinado, pero esto no me queda del todo claro, ya que habilite la api pero ando necsitando un codigo simple para insertarlo.
Gracias Camaradas.
Ya encontre algo que puede servir, toma la api sin la clave.
Se los comparto, por ahi les sirve en algun momento.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=true">
</script>
<script type="text/javascript">
function initialize(location) {
var latlng = new google.maps.LatLng(location.coords.latitude,location.coords.longitude);
var myOptions = {
zoom: 19,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map,
title:"Mi ubicacion."
});
}
</script>
</head>
<body onload="navigator.geolocation.getCurrentPosition(initialize);">
<div id="map_canvas" style="width:30%; height:50%"></div>
</body>
</html>
Saludos