Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Estou com um erro de visualização de mapa na minha rádio online:
Essa é a imagem original de como deve ficar: http://prnt.sc/c9nuqo
Essa é a imagem de erro da minha rádio: http://prntscr.com/c9nyuj
O arquivo que carrega o mapa é esse:
<?php
include('functions.php');
if($mapType == 'flags'){
include('markers.php'); include 'map-chart.php';
}
?><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title></title><!--start javascripts-->
<?php if($mapType == 'flags'){ ?>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=MINHAKEYAPIAQUI&sensor=false"></script>
<script type="text/javascript" src="<?php echo $websiteUrl;?>js/util.js"></script>
<script type="text/javascript" src="<?php echo $websiteUrl;?>js/infowindowcss.js"></script>
<?php } else { echo '';} ?>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="<?php echo $websiteUrl;?>js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scrollbar').tinyscrollbar({ sizethumb: 100 });
var bodyHeight = parseInt(jQuery('body').height() + 20);
$('#fancybox-wrap', window.parent.document).css('height', bodyHeight+'px').css('max-height', '90%' );
});
</script><!--start css style-->
<link rel="stylesheet" type="text/css" href="<?php echo $websiteUrl;?>css/cleanVertical.css" media="screen" />
</head>
<body>
<div id="listenersText">
<h1><?php echo $L_current_listeners;?>: <?php echo $currentListeners;?> </h1>
<div id="listenersCountries">
<span><?php echo $L_listeners_per_country;?>:</span>
<?php
foreach ( $count_countries as $key => $val )
{
echo $key.'(<i>'.$val.'</i>) | ';
}
?>
</div>
<div id="map_canvas"></div>
<div id="listnersList"><?php echo $L_listeners_list;?>:</div>
<div id="scrollbar">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<div id="listenerInfo">
<?php
foreach ( $mapData as $listener )
{
$listener = explode( '|', $listener );
echo '<div class="item"><div class="city">'.$listener[2].' '.$listener[3].' </div>'.$L_listener_player.': '.$listener[6].'<div class="duration">'.$L_listener_duration.': '.$listener[4].'</div></div></li>';
}
?>
</div>
</div>
</div>
</div>
</body>
</html>O SEGUNDO A SER PUXADO:
<?php
$markerdatastart = '<markers>';
$markerdata = '';
foreach ( $mapData as $marker )
{
$marker = explode( '|', $marker );
$markerdata .= '<marker name="'.$marker[2].' '.$marker[3].'" player="'.$marker[6].'" duration="'.$marker[4].'" lat="'.$marker[0].'" lng="'.$marker[1].'" icon="images/flags/'.$marker[5].'.png"/>
';
}
$markerdataend = '</markers>';
$markersxml = "markers.xml";
$fh = fopen( $markersxml, 'w' ) or die( "can't open file" );
fwrite( $fh, $markerdatastart );
fwrite( $fh, $markerdata );
fwrite( $fh, $markerdataend );
fclose( $fh );
?>E POR ÚLTIMO O MAP-CHART.PHP
<?php
$stats ='';
foreach ( $count_countries as $key => $val ) $stats .= "['".$key."',".$val."],";
}
?>
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
google.load('visualization', '1', {'packages': ['geochart']});
google.setOnLoadCallback(drawRegionsMap);
function drawRegionsMap() {
var data = google.visualization.arrayToDataTable([
['Country', '<?php echo $L_listeners;?>'],
<?php echo $stats;?>
]);
var options = {
minValue: 0,
colors: ['#d2e9ff','#0076ec','#f4df68','#dabc10','#ff5959','#790000'],
tooltip: { textStyle: { fontName: 'Arial, sans-serif', fontSize: 13 } }
};
var chart = new google.visualization.GeoChart(document.getElementById('map_canvas'));
chart.draw(data, options);
};
</script>Sei que é muita coisa... Mas será que alguém poderia me ajudar com isso? Eu não sei nada....kkkkk sei muito pouco de php.
Ah pessoal, ia esquecendo.....
Se eu adicionar uma latitude e longitude ele carrega o mapa mas todo errado... a latitude e longitude é lá dos EUA e a bandeira do brasil fica lá... http://prntscr.com/c9o8wm
$markerdatastart = '<markers>';
$markerdata = '';
foreach ( $mapData as $marker )
{
$marker = explode( '|', $marker );
$markerdata .= '<marker name="'.$marker[2].' '.$marker[3].'" player="'.$marker[6].'" duration="'.$marker[4].'" lat="45.6818935'.$marker[0].'" lng="-84.6907399'.$marker[1].'" icon="images/flags/'.$marker[5].'.png"/>
';
}que código eu posso colocar aí pra q ele vá automaticamente pro lugar certo?
O primeiro arquivo a ser puxado é esse: functions.php