Google maps : marker e cerchio... non funziona

Rodrigoson6 · 27 Nov 2013

Ciao ragazzi...

sto provando in tutti i modi ma NIENTE! IMPOSSIBILE...
devo disegnare un cerchio ma non ci sono riuscito in alcun modo. Ora ho provato anche in un altro modo, ovvero creare il cerchio attorno ad un marker, ma niente. Quindi vi prego potete dirmi dove sbaglio??? Grazie... Ecco :

Codice:

<!DOCTYPE html>
<html>
<head>
   <meta content="initial-scale=1.0, user-scalable=no" name="viewport">
   <style type="text/css">
	#map_canvas { height: 400px; }
	</style>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
  <script type="text/javascript" language="javascript">
var map;
var infoWindow;
function initialize() {
var mapDiv = document.getElementById('map_canvas');
var centerposition= new google.maps.LatLng(12.00,15.00);
var myOptions = {
zoom: 2,
center: new google.maps.LatLng(0.0, 0.0),
mapTypeId: google.maps.MapTypeId.TERRAIN,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.TOP_CENTER
},
panControl: true,
panControlOptions: {
position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.TOP_RIGHT
},
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER
}
}
var marker = new google.maps.Marker({
  position: new google.maps.LatLng(0.0, 0.0),
  title: 'hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh'
});
var circle = new google.maps.Circle({
  map: map,
  radius: 1609300,    // 10 miles in metres
  fillColor: "#BB0000",
  fillOpacity: 0.2,
strokeColor: "#FF0000",
strokeOpacity: 0 ,
strokeWeight: 0
});
circle.bindTo('center', marker, 'position');

marker.setMap(map); 
    



map = new google.maps.Map(mapDiv, myOptions);
infoWindow = new google.maps.InfoWindow();
}



onload=function(){
	setInterval(function dadacrea(){
var daobj=new Date(); 
var aaaa=daobj.getUTCFullYear();
var mm = daobj.getUTCMonth();
var mm= Number(mm) + 1 ;
var mm='0' + mm;
mm=mm.substr(mm.length-2,2);
var gg='0' + (daobj.getUTCDate());
gg=gg.substr(gg.length-2,2);
var hh='0' + (daobj.getUTCHours());
hh=hh.substr(hh.length-2,2);
var min='0' + (daobj.getUTCMinutes());
min=min.substr(min.length-2,2);
var ss='0' + (daobj.getUTCSeconds());
ss=ss.substr(ss.length-2,2);
document.getElementById('datastri').innerHTML = aaaa + '-' + mm + '-' + gg + ' T ' + hh + ':' + min + ':' + ss + ' Z'},1000)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>
<body>
<div id="map_canvas"></div>
<span></span>
 
 
  <noscript>
    <h1> non si vede </h1> 
  </noscript>
 </body>
</html>

grazie in anticipo

f107 · 28 Nov 2013

Rodrigoson6 ha scritto:

Ciao ragazzi...

sto provando in tutti i modi ma NIENTE! IMPOSSIBILE...
devo disegnare un cerchio ma non ci sono riuscito in alcun modo. Ora ho provato anche in un altro modo, ovvero creare il cerchio attorno ad un marker, ma niente. Quindi vi prego potete dirmi dove sbaglio??? Grazie... Ecco :

Codice:

<!DOCTYPE html>
<html>
<head>
   <meta content="initial-scale=1.0, user-scalable=no" name="viewport">
   <style type="text/css">
	#map_canvas { height: 400px; }
	</style>
  <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
  <script type="text/javascript" language="javascript">
var map;
var infoWindow;
function initialize() {
var mapDiv = document.getElementById('map_canvas');
var centerposition= new google.maps.LatLng(12.00,15.00);
var myOptions = {
zoom: 2,
center: new google.maps.LatLng(0.0, 0.0),
mapTypeId: google.maps.MapTypeId.TERRAIN,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.HORIZONTAL_BAR,
position: google.maps.ControlPosition.TOP_CENTER
},
panControl: true,
panControlOptions: {
position: google.maps.ControlPosition.TOP_RIGHT
},
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.LARGE,
position: google.maps.ControlPosition.TOP_RIGHT
},
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER
}
}
var marker = new google.maps.Marker({
  position: new google.maps.LatLng(0.0, 0.0),
  title: 'hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh'
});
var circle = new google.maps.Circle({
  map: map,
  radius: 1609300,    // 10 miles in metres
  fillColor: "#BB0000",
  fillOpacity: 0.2,
strokeColor: "#FF0000",
strokeOpacity: 0 ,
strokeWeight: 0
});
circle.bindTo('center', marker, 'position');

marker.setMap(map); 
    



map = new google.maps.Map(mapDiv, myOptions);
infoWindow = new google.maps.InfoWindow();
}



onload=function(){
	setInterval(function dadacrea(){
var daobj=new Date(); 
var aaaa=daobj.getUTCFullYear();
var mm = daobj.getUTCMonth();
var mm= Number(mm) + 1 ;
var mm='0' + mm;
mm=mm.substr(mm.length-2,2);
var gg='0' + (daobj.getUTCDate());
gg=gg.substr(gg.length-2,2);
var hh='0' + (daobj.getUTCHours());
hh=hh.substr(hh.length-2,2);
var min='0' + (daobj.getUTCMinutes());
min=min.substr(min.length-2,2);
var ss='0' + (daobj.getUTCSeconds());
ss=ss.substr(ss.length-2,2);
document.getElementById('datastri').innerHTML = aaaa + '-' + mm + '-' + gg + ' T ' + hh + ':' + min + ':' + ss + ' Z'},1000)
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>
<body>
<div id="map_canvas"></div>
<span></span>
 
 
  <noscript>
    <h1> non si vede </h1> 
  </noscript>
 </body>
</html>

grazie in anticipo

Ciao

PHP:

map = new google.maps.Map(mapDiv, myOptions);

questo va prima di

PHP:

var marker = new google.maps.Marker({

altrimenti il paramentro map che passi non c'è

Rodrigoson6 · 29 Nov 2013

f107 ha scritto:
Ciao

PHP:

map = new google.maps.Map(mapDiv, myOptions);

questo va prima di

PHP:

var marker = new google.maps.Marker({

altrimenti il paramentro map che passi non c'è

Giusto risolto

ma prima avrei un ultimo problemino con sto codice.... giuro che poi non rompo più

inserisco la parte di codice del problema:

Codice:

onload=function(){
	setInterval(function dadacrea(){
     var daobj=new Date(); 
     var aaaa=daobj.getUTCFullYear();
     var mm = daobj.getUTCMonth();
     var mm= Number(mm) + 1 ;
     var mm='0' + mm;
     mm=mm.substr(mm.length-2,2);
     var gg='0' + (daobj.getUTCDate());
     gg=gg.substr(gg.length-2,2);
     var hh='0' + (daobj.getUTCHours());
     hh=hh.substr(hh.length-2,2);
     var min='0' + (daobj.getUTCMinutes());
     min=min.substr(min.length-2,2);
     var ss='0' + (daobj.getUTCSeconds());
     ss=ss.substr(ss.length-2,2);
     var data= aaaa + '-' + mm + '-' + gg + ' T ' + hh + ':' + min + ':' + ss;
     document.getElementById('datastri').innerHTML = aaaa + '-' + mm + '-' + gg + ' T ' + hh + ':' + min + ':' + ss + ' Z'},1000)
}

function coomuna() {

var aaaa=new Number(data.substr(0,4));
var mm=new Number(data.substr(5,2));
var gg=new Number(data.substr(8,2));
var hh=new Number(data.substr(11,2));
var min=new Number(data.substr(14,2));
var ss=new Number(data.substr(17,2));

var B32=367*aaaa-parseInt(7*(aaaa+parseInt((mm+9)/12))/4)+parseInt(275*mm/9)+gg+(hh+min/60)/24-730531.5;

}

in poche parole la funzione coomuna() può calcolarsi "B32" solo se ha i valori di "aaaa" di "mm" e via dicendo...
Infatti dichiaro le variabili
aaaa
mm
gg
hh
min
ss

Ottengo i valori delle variabili attraverso il metodo Substr. (ed è necessario che vengano ottenuti in questo modo :/ )
la stringa di riferimento è

Codice:

var stringa

ed è dichiarata nella funzione dadacrea()

il problema è che non so come far funzionare la seconda funzione in particolare

Codice:

var aaaa=new Number(data.substr(0,4));
var mm=new Number(data.substr(5,2));
var gg=new Number(data.substr(8,2));
var hh=new Number(data.substr(11,2));
var min=new Number(data.substr(14,2));
var ss=new Number(data.substr(17,2));

Credo sia un cosa abbastanza semplice ma per mie lacune non riesco proprio a risolvere :/

Confido in voi

Grazie mille!!!!

Cerca

Cerca

Google maps : marker e cerchio... non funziona

Rodrigoson6

Nuovo Utente

f107

Utente Attivo

Rodrigoson6

Nuovo Utente

Discussioni simili