1

私はしばらくの間、以下のコードに取り組んできましたが、マウスがマーカーの上に置かれたときにマップチップをマーカーに対して機能させることができません。

<html>
<head>
<style>
  #map_canvas { width: 500px; height: 400px; }
</style>
<link href="../stylesheet.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript" src="http://gmaps-utility-gis.googlecode.com/svn/trunk/fusiontips/src/fusiontips_compiled.js"></script>
<script type="text/javascript">
var map;

var layer;
var tableid = 5463275;

var layer2;
var tableid2 = 5492676;

function initialize() {
  map = new google.maps.Map(document.getElementById('map_canvas'), {
    center: new google.maps.LatLng(51.500000, -0.090000),
    zoom: 9,
    mapTypeControl: false,
    mapTypeId: google.maps.MapTypeId.TERRAIN
  });

  layer = new google.maps.FusionTablesLayer(tableid, {
  suppressInfoWindows: true
});
  layer.setQuery("SELECT 'geometry' FROM " + tableid);
  layer.setMap(map);

  layer2 = new google.maps.FusionTablesLayer(tableid2);
  layer2.setQuery("SELECT 'Full Address' FROM " + tableid2);
  layer2.setMap(map);
  layer2.enableMapTips({
                select: "'Site Name'",
                from: tableid, 
                geometryColumn: 'Full Address', 
                suppressMapTips: false, 
                delay: 100, 
                tolerance: 6 });

  var legendDiv = document.createElement('DIV');
  var legend = new Legend(legendDiv, map);
  legendDiv.index = 1;
  map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(legendDiv);
}


</script>

</head>
<body onLoad="initialize();">

<div id="map_canvas"></div>
</body>
</html>​

マップは 2 つのフュージョン テーブル レイヤーで構成されています。以下のマーカーのデータを含むテーブルにリンクしています。

マーカーの融合表

どんな助けでも大歓迎です！

4

1 に答える 1

0

を引用符で囲み忘れた'Full Address'ため、クエリが正しくエンコードされず、エラーがスローされました。jsFiddle に実用的な例を載せました。

修正した部分は次のとおりです。

layer2.enableMapTips({
    select: "'Site Name'",
    from: tableid, 
    geometryColumn: "'Full Address'", 
    suppressMapTips: false, 
    delay: 100, 
    tolerance: 6 
});

まず、暗号化されたテーブル ID を使用するようにコードを更新しようとしましたが、 FusionTips スクリプトではまだサポートされていないようです。

于 2012-11-13T22:01:45.200 に答える