no ejecuta script

+ 1 Oculto(s) · 28 Mayo 2016, 20:58 PM

hice este codigo pero no ejecuta mi script

Código (html4strict) [Seleccionar]


<html>
<head>
	<title>Geolocalizacion</title>
	<meta name="viewport" content="initial-scale=1.0, user-scaleble=no">
	<meta charset="utf-8">
	<style >
	#map-canvas{
		height: 380px;
		width: 300px;
		margin: :0px;
		padding: 0px;
		background-color: #000;
	}
	</style>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script src="fancywebsocket.js"></script>
	<script language="javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>
	<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	
	<script>
	alert("lslslsl");
	var map;
	var marker;
	function initialize(){
		var mapOptions={
			zoom:15;
		};
		map=new google.maps.Map(document.getElementById('map-canvas'),mapOptions);

		if (navigator.geolocation) {
			navigator.geolocation.getCurrentPosition(function(position){
				var pos=new google.maps.LatLng(position.coords.latitude,position.coords.longitude)
			
		var goldStar={
			path:google.maps.SymbolPath.CIRCLE,
			strokeColor:'#276ED0',
			fillColor:'#276ED0',
			fillOpacity:.9,
			strokeWeight:1,
			scale:6,
		};

		var marker=new google.maps.Marker({
			position:pos,
			icon:goldStar,
			draggable:true,
			animation:google.maps.Animation.DROP,
			map:map,
		});
		map.setCenter(pos);
			},function(){
				handleNoGeolocation(true);
			});
			}else{
				handleNoGeolocation(false);
			}
	}

	function animar(){
		navigator.geolocation.getCurrentPosition(function(position)
		{
		var pos =new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
		
		map.panTo(pos);

		var goldStar={
			path:google.maps.SymbolPath.CIRCLE,
			strokeColor:'#FF4E51',
			fillColor:'#FF4E51',
			fillOpacity:.9,
			strokeWeight:1,
			scale:5,
		};
		var marker=new google.maps.Marker({
			position:pos,
			icon:goldStar,
			draggable:true,
			map:map,
		});

		var option={
			map:map,
			position:pos,
		};
		send(position.coords.latitude+","+position.coords.longitude);
		map.setCenter(options.position);
		});
	}
	function handleNoGeolocation(errorFlag){
		if (errorFlag) {
			var content='Error:the service';
		}else{
			var content="tu buscador";
		}
		var options={
			map=map,
			position:new google.maps.LatLng(60,105),
			content:content,
		};
		var infowindow=new google.maps.infoWindow(options);
		map.setCenter(options.position);
	}
	google.maps.event.addDomListener(window,'load',initialize);
	setTimeout(function(){animar()},5000);
	function pocision(pos){
		
	}

	</script>
</head>
<body>
<div id="map-canvas">
		
</div>

</body>
</html>

gAb1 · 28 Mayo 2016, 23:30 PM

Se te olvidó añadir un document ready, o su equivalente si estás usando jquery:

Código (javascript) [Seleccionar]

$(function () {
    // code here
});

+ 1 Oculto(s) · 29 Mayo 2016, 02:20 AM

gracias por responder, pero aun no logro comprender como ejecutar mi script

gAb1 · 29 Mayo 2016, 19:25 PM

Para que tus scripts se ejecuten tienen que estar dentro de un document ready.

Código (html4strict) [Seleccionar]

<script type="text/javascript">
    $(function () {
        alert('Estoy funcionando');
        var map;
        var marker;
        // más código aquí dentro
    });
</script>

+ 1 Oculto(s) · 29 Mayo 2016, 22:16 PM

hice la prueba y si esta ejecutando el script, lo que pasa es que en alguna parte esta mal

tengo que debuguear

gracias por la ayuda

eLank0 · 30 Mayo 2016, 17:28 PM

Observemos con atención antes de responder cosas sin sentido.

No se ejecutará tu script sino ejecutas ninguna de las funciones que declaras.

Saludos.

MinusFour · 30 Mayo 2016, 18:17 PM

Cita de: eLank0 en 30 Mayo 2016, 17:28 PM
Observemos con atención antes de responder cosas sin sentido.

No se ejecutará tu script sino ejecutas ninguna de las funciones que declaras.

Saludos.

El script si se ejecuta, las funciones no. No es lo mismo. Las funciones están disponibles para ejecutarse después de que el script ha sido ejecutado (tambien hay un alert y variables definidas). El script sin embargo puede fallar. El que no llame a ninguna función en el script es un punto valido, pero igual puede estar llamando a alguna función de forma asíncrona en otro script.

Por ejemplo, puede haber una linea en alguno de los scripts como:

Código (javascript) [Seleccionar]

document.addEventListener('DOMContentLoaded', function(){
    window.initialize();
});

Las librerias de JS de Google Maps funcionan de esta forma cuando trabajan de manera asíncrona. Lo único es que no ha configurado correctamente los script tags:

Código (html5) [Seleccionar]

<script async defer src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true&callback=initialize"></script>

Veo también que intentas cargar la libreria de JS nuevamente en otro script tag (aunque es la version 2 de Google Maps). No he usado la libreria JS de Google Maps, pero al parecer necesitas una llave.

https://developers.google.com/maps/documentation/javascript/get-api-key

Cita de: javascriptAll Google Maps javascript API applications require authentication.

+ 1 Oculto(s) · 31 Mayo 2016, 04:48 AM

es decir que tengo que estar auntentificado para usar la libreria?