多个标记 GMaps PHP SQLSERVER

我创建了以下代码来向我展示GMaps上的一些标记。如果我删除代码

var locations = [
<?=implode(',',$locations); // De in PHP gemaakte array samenvoegen tot een regel gescheiden door komma's ?>

];

Gmaps出现。

如果我添加代码，页面返回空白。主要目标是运行一个查询，该查询会生成纬度/液化天然气信息。该信息在GMaps上创建了一个标记

完整代码：

<!DOCTYPE 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>Agents</title>
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyBPjiZ-mcRgK6jV00orSHefk6L40gsznkk&sensor=false&language=nl&region=nl"></script>
      <style>
      html, body, #map-canvas {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
  <?php
 include ("dblogin.php")
// Alle klanten ophalen
$query = "SELECT MachineId as name, [value17] as lat ,[value18] as lng, ast.online as state FROM [ksubscribers].[dbo].[vAuditMachineSummary] left join ksubscribers.dbo.agentState as ast on ast.agentGuid = vAuditMachineSummary.agentGuid where [value17] is not null";
$data = mssql_query($query);

// Door alle klanten lopen
while($row = mssql_fetch_array($data))
{
    // Een array opbouwen met de klant naam en coördinaten
    // (welke nog even van een komma naar een punt veranderd worden)
    $location[] = '['.$row['name'].'","'.($row['lat']).'","'.($row['lng']).'"","'.($row['state']).']';
}
?>
<script type="text/javascript">
// De array met gegevens in Javascript
var locations = [
    <?=implode(',',$locations); // De in PHP gemaakte array samenvoegen tot een regel gescheiden door komma's ?>
];

// Nieuwe cq mooiere visuele weergave gebruiken
google.maps.visualRefresh = true;
// Functie die aangesproken wordt zodra de pagina geladen is
function initialize()
{
    // Kaart opties
    var mapOptions = {
        center: new google.maps.LatLng(52.23, 4.55), // Coördinaten van centraal Nederland
        zoom: 8, // Inzoomen zodat Nederland goed zichtbaar is
        mapTypeId: google.maps.MapTypeId.ROADMAP // De wegenkaart gebruiken
    };
    // Kaart laden in div met het ID map-canvas
    var map = new google.maps.Map(document.getElementById("map-canvas"),mapOptions);
    // De "markers" plaatsen
    setMarkers(map,locations);
}
 // De array met gegevens in Javascript
//var loc = [
 //   <?php=implode(',',$location);?>
//];
// Functie die de "markers" plaatst op de kaart
function setMarkers(map,locations)
{
    // De afbeelding voor de klanten op de kaart
    var image = 'http://icons.iconarchive.com/icons/icons-land/vista-people/24/Office-Customer-Male-Light-icon.png';
    // Door alle klanten lopen
    for (var i = 0; i < locations.length; i++)
    {
        // De coördinaten ophalen
        var loc = locations[i];
        var myLatLng = new google.maps.LatLng(loc[1], loc[2]);
        // De "marker" plaatsen
        var marker = new google.maps.Marker({
            position: myLatLng,
            map: map,
            icon: image,
            title: loc[0]
        });
    }
}
// Zodra de pagina is geladen de initialize functie aanspreken
google.maps.event.addDomListener(window, 'load', initialize);
  </script>
  </head>
  <body>
  <div id="map-canvas"></div>
  </body>
</html>

（未测试）问题很可能是这一行：

$location[] = '['.$row['name'].'","'.($row['lat']).'","'.($row['lng']).'"","'.($row['state']).']';

在这里，您在$row['name']之后关闭一个从未打开过的字符串。

还要注意PHP函数json_encode（http://nl3.php.net/json_encode），这可确保您有效的javascript（例如，如果$row['name']包含"-字符"）。

相关内容

最新更新

热门标签：