2013-08-26 52 views
0

我使用從我的SQL數據繪製的地圖圈,我希望把半徑谷歌地圖和各地標誌

目前我使用該工具來獲取還保存在我的SQL圍繞標誌的圓地圖和標記。

<?php 
$lats = $_REQUEST['lats']; 
$longs = $_REQUEST['longs']; 
$radius = $_REQUEST['radius']; 
$msisdn = $_REQUEST['msisdn']; 
?> 

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"> </script> 
<script type="text/javascript"> 

var customIcons = { 
    office: { 
    icon: 'http://labs.google.com/ridefinder/images/mm_20_blue.png', 
    shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
    }, 
    house: { 
    icon: 'http://e-track.co.za/logo.png', 
    shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
    } 
    }; 

function load() { 
    var map = new google.maps.Map(
     document.getElementById("map"), 
     {zoom: 14, mapTypeId: google.maps.MapTypeId.HYBRID} 
    ); 

    var infoWindow = new google.maps.InfoWindow; 
    var type = "house"; 
    var dist = <?php echo json_encode($radius); ?>; 
    var lat = <?php echo json_encode($lats); ?>; 
    var lng = <?php echo json_encode($longs); ?>; 
    var msisdn = <?php echo json_encode($msisdn); ?>; 
    var point = new google.maps.LatLng(
      parseFloat(lat), 
      parseFloat(lng)); 
    var html = "<b>Cell: " + msisdn + "</b> <br/>Radius: " + dist + "m"; 
    var icon = customIcons[type] || {}; 
    var marker = new google.maps.Marker({ 
     map: map, 
     position: point, 
     icon: icon.icon, 
     shadow: icon.shadow 
    }); 

    bindInfoWindow(marker, map, infoWindow, html); 
    map.setCenter(new google.maps.LatLng(lat, lng)); 
    } 

    function bindInfoWindow(marker, map, infoWindow, html) { 
    google.maps.event.addListener(marker, 'click', function() { 
    infoWindow.setContent(html); 
    infoWindow.open(map, marker); 
    }); 
    } 

function downloadUrl(url, callback) { 
    var request = window.ActiveXObject ? 
     new ActiveXObject('Microsoft.XMLHTTP') : 
     new XMLHttpRequest; 

    request.onreadystatechange = function() { 
    if (request.readyState == 4) { 
     request.onreadystatechange = doNothing; 
     callback(request, request.status); 
    } 
    }; 

    request.open('GET', url, true); 
    request.send(null); 
    } 

    function doNothing() {} 

    </script> 

我所說的多頭$拉特具有以下功能

<a href="../lbs_map/lbs_map.php?lats=<? echo $rows['lat']; ?>&amp;longs=<? echo 
$rows['lng']; ?>&amp;radius=<? echo $rows['distance']; ?>&amp;msisdn=<? echo 
$rows['msisdn']; ?>&amp;lbs_log_id=<? echo $rows['lbs_log_id']; ?>"target="_blank" 
class="update"><? echo $rows['msisdn']; ?></a> 

有沒有去,我可以添加從周圍半徑我送了點圓?或者是它最好的嘗試,我什麼都不知道

回答

1

https://developers.google.com/maps/documentation/javascript/reference#CircleOptions

基本上你做同樣的事情作爲標記的XML功能,使

var cirlcle = new google.maps.Circle({ 
    map: map, 
    center: point, 
    radius: yourRadius 
}); 
+0

調用半徑我試圖半徑:<?php echo json_encode($ radius); ?>但它給了我空白的地圖我應該只使用$ radius或。$ radius。 –

+0

分類感謝半徑:<?php echo $ radius?> –

0

這樣的事情應該工作

var circle = new google.maps.Circle({ 
    map: map, 
    radius: 50000, //your radius in meters 
    fillColor: '#AA0000ff' 
    center: point 
});