Google maps : marker e cerchio... non funziona

Rodrigoson6

Nuovo Utente
27 Nov 2013
3
0
0
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

Utente Attivo
7 Ago 2012
203
6
18
Roma
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

Nuovo Utente
27 Nov 2013
3
0
0
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ù :D

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!!!!
 
Discussioni simili
Autore Titolo Forum Risposte Data
maxnegri Icon Multi Marker Personalizzate Google Maps Javascript 0
A [Javascript] Mostrare un marker se è vicino al risultato di ricerca con google maps Javascript 3
ecosito Google Maps: Centrare il marker ed editare il fumetto PHP 1
A Rimuovere il Marker di Google Maps Javascript 0
A Inserire Marker a Google Maps Javascript 3
felino Google Maps - Marker con la stessa latitudine e longitudine HTML e CSS 1
S Assegnare link ad un marker di google maps Javascript 2
R google maps marker Javascript 7
M info marker google maps con cicli Javascript 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
B "Scheda" di Google che appare su Google Maps Discussioni Varie 0
Tommy03 [PHP] Iframe Google Maps PHP 1
syndr0m3 [WordPress] Google Maps WordPress 0
A [HTML] alternative a Google Maps - aggiornamento condizioni giugno 2018 HTML e CSS 6
T [Javascript] Google maps con puntatore animato funziona solo in locale Javascript 1
T Api google maps Sviluppo app per Android 1
simgia [Javascript] Google maps help! Javascript 1
H Condivisione posizione Google Maps e navigazione automatica Sviluppo app per Android 0
booklisa scrollwheel: true Wordpress e google maps CMS (Content Management System) 0
booklisa Wordpress e cartina google maps WordPress 0
felino Indicizzazione e Google Maps SEO e Posizionamento 1
base90 [PHP] [HTML] Google Maps con due indirizzi PHP 12
M [Javascript] Percorso predefinito Google Maps Javascript 0
S Google Maps e XMLHttpRequest Javascript 0
R Javascript e html - estrazione EXIF da jpg con link per geolocalizzazione google maps Javascript 0
A Image Overlays Google Maps App Inventor 2 Presentati al Forum 0
Francesco Polese Segnaposto Google Maps dinamico PHP 5
L Google maps aggiunta makers da php Javascript 4
M funzioni google maps sovrapposizione markers Javascript 0
M calcola percorso google maps Javascript 0
M Caricare più google maps con un ciclo Javascript 1
K App che utilizzi le api di google maps Sviluppo app per Android 1
F Parola chiave posizionata su Google Maps è posizionamento? SEO e Posizionamento 10
A [Java] form con indirizzi presi da google maps Java 0
felino Google Maps - Custom Street View panoramas HTML e CSS 1
S google maps Javascript 0
M Script Google Maps per ricavare coordinate di un indirizzo PHP 0
A Google maps API v2 in app Android Sviluppo app per Android 2
M Passare dati a google maps PHP 36
T [Javascript] [RISOLTO] Problema con Google Maps e "Zero_Results" Javascript 11
T Problema con Google Maps e "Zero_Results" Classic ASP 2
F Google maps: Assegnare icone personalizzate a markers estratti da mysql. Javascript 3
P Google Maps + Form Javascript 1
G Filtrare risultati Google Maps PHP 1
ivarello Search Box in google maps Javascript 0
I Google Maps HTML e CSS 14
P Mostrare punti interesse du una mappa di google maps Javascript 1
P Google maps... help Javascript 3
borgo italia google maps jQuery 4
Sargon Google maps mysql php PHP 3

Discussioni simili