Hola, estoy intentando usar el api v3 de google map en mi localhost y no me muestra nada solo la pantalla en blanco, mi html esta formado asi:
Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <base href="http://localhost/laherradura/"/> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <style type="text/css" media="screen"> @import "website/template/css/reset.css";
@import "website/template/css/styles.css";
@import "website/template/css/helpers.css";
<style type="text/css" media="print"> @import "website/template/css/print.css";
<script type="text/javascript"> var baseJs = 'http://localhost/laherradura/core/js/';var baseUrl = 'http://localhost/laherradura/';
</script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script type="text/javascript"> window.onload = function(){
var options = {
zoom: 9,
center: new google.maps.LatLng(18.1, -66.4),
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true,
draggable: false,
scrollwheel: false,
disableDefaultUI: true
};
var map = new google.maps.Map(document.getElementById('map'), options);
};
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> <script type="text/javascript" src="http://localhost/laherradura/core/js/punk.js"></script> <script type="text/javascript" src="website/template/js/funciones.js"></script> <script type="text/javascript" src="website/template/js/swfobject.js"></script>
<script type="text/javascript"> // Javascript Internet Explorer Versions
var is_IE = false;
var is_IE6 = false;
var is_IE7 = false;
var is_IE8 = false;
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="website/template/css/ie.css" />
<script type="text/javascript">
is_IE = true;
</script>
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="website/template/css/ie6.css" />
<script type="text/javascript" src="website/template/js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
is_IE6 = true;
DD_belatedPNG.fix('.trns');
</script>
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="website/template/css/ie7.css" />
<script type="text/javascript">
is_IE7 = true;
</script>
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="website/template/css/ie8.css" />
<script type="text/javascript">
is_IE8 = true;
</script>
<![endif]-->
<meta name="description" content="Inmobiliaria La Herradura" /> <meta name="keywords" content="Inmobiliaria La Herradura,ventas de campos,alquileres de campos"/>
<meta name="google-site-verification" content="" /> <meta name="language" content="" /> <meta http-equiv="Content-Language" content="" /> <meta name="revisit-after" content="7 days" /> <meta name="robot" content="Index,Follow" /> <meta name="robot" content="All" />
<meta name="Distribution" content="Global" /> <meta http-equiv="Pragma" content="no-cache" /> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /> <meta name="rating" content="general" />
<meta name="author" http-equiv="Author" content="Onírico Sistemas"/> <meta name="copyright" content="Copyright Onírico Sistemas - www.oniricosistemas.com" /> <meta name="generator" content="Framework Punk PHP 0.3.2" />
<link rel="icon" type="image/x-icon" href="website/template/images/favicon.ico" />
<link rel="shortcut icon" href="website/template/images/favicon.ico" />
estoy haciendo algo mal con el js ?
saludos y desde ya muchas gracias!