Пытается найти подходящие для Карт Google карты

Играю с API Google Maps V3 и StyledMarkers. Данные получены из запроса PHP/MySQL, возвращающего несколько сотен точек.Пытается найти подходящие для Карт Google карты

Приведенный ниже код возвращает все, что мне нужно, и отлично работает. ЗА ИСКЛЮЧЕНИЕМ для увеличения его до приблизительного уровня (который в этом случае я знаю, это 10).

<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><?php echo returnval("event_name","events",$_GET['eid']); ?> Map - No Refresh</title> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript" src="StyledMarker.js"></script> 
<script type="text/javascript"> 
function initialize() { 
    var myLatLng = new google.maps.LatLng(<?php echo $evlat; ?>, <?php echo $evlng; ?>); 
    var bounds = new google.maps.LatLngBounds(); 
    var myOptions = { 
    zoom: 9, 
    center: myLatLng, 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
    var map = new google.maps.Map(document.getElementById("show_map"), myOptions); 
<?php 
    $iconcntr = 0; 
    while ($row = mysql_fetch_array($result)) { 
    $iconcntr ++; 
    $rfa_no = $row['rfa_no']; 
    $longitude = $row['longitude']; 
    $latitude = $row['latitude']; 
    if ($row['rfa_priority'] == 1) { 
     $iconclr = "FF0000"; 
    } elseif ($row['rfa_priority'] == 2) { 
     $iconclr = "FFFF00"; 
    } else { 
     $iconclr = "FFFFFF"; 
    } 
?> 
    var varLatLng = new google.maps.LatLng(<?php echo $latitude; ?>,<?php echo $longitude; ?>); 
    bounds.extend(varLatLng); 
    var styleMaker<?php echo $iconcntr; ?> = new StyledMarker({styleIcon:new StyledIcon(StyledIconTypes.BUBBLE,{color:"<?php echo $iconclr; ?>",text:"<?php echo $rfa_no; ?>"}),position:new google.maps.LatLng('<?php echo $latitude; ?>', '<?php echo $longitude; ?>'),flat:true,zIndex:<?php echo ($iconcntr+1000); ?>,map:map}); 
<?php 
    } 
?> 
    map.fitbounds(bounds); 
} 
</script> 

</head /> 
<body style="margin:0px; padding:0px;" onload="initialize()" /> 
<div id="show_map" style="width:100%; height:100%;"></div> 
</body> 
</html>

Кто-нибудь знает, что я делаю неправильно? Не очень сильный в отделе программирования.

источник

2012-06-16 tastech

JavaScript чувствителен к регистру.

map.fitBounds(bounds) вместо map.fitbounds(bounds). Documentation

Вы должны были видеть ошибку в Javascript Console около fitbounds, не являясь допустимым методом или чем-то аналогичным.

источник

2012-06-16 07:25:19

Duh! Я так долго смотрел, что я пропустил это. ура – tastech

Пытается найти подходящие для Карт Google карты

ответ

Смежные вопросы