0

使用Fusion LayersTable Wizard和我自己的融合表,我得到以下代码(嵌入在末尾)。它应该是哈利斯科州的地图,顶部有一些 kml 数据层和一个应该充当地图搜索/过滤器的列表框。该向导向我展示了我的数据和地图应该是什么样子的预览,并且在预览中一切正常。但是如果我把html代码作为我本地web服务器的index.html文件,我可以看到地图,但是地图的搜索列表框不起作用。Y 不知道为什么会发生这种情况我真的需要搜索才能工作,但我无法让它在我的服务器中工作。

我真的很感激有人可以帮助我找出代码有什么问题,并帮助我让搜索列表框正常工作。

<!DOCTYPE html>
  <html>
    <head>
     <style>
       #map-canvas { width:900px; height:600px; }
     </style>
       <script type="text/javascript"
         src="http://maps.google.com/maps/api/js?sensor=false">
       </script>
    <script type="text/javascript">
      var map;
      var layerl0;
      function initialize() {
      map = new google.maps.Map(document.getElementById('map-canvas'), {
      center: new google.maps.LatLng(20.704738720055598, -103.64501953125),
      zoom: 8
    });
    var style = [
    {
      featureType: 'poi',
      elementType: 'all',
      stylers: [
        { visibility: 'off' }
      ]
    },
    {
      featureType: 'transit',
      elementType: 'all',
      stylers: [
        { visibility: 'off' }
      ]
    }
  ];
  var styledMapType = new google.maps.StyledMapType(style, {
    map: map,
    name: 'Styled Map'
  });
  map.mapTypes.set('map-style', styledMapType);
  map.setMapTypeId('map-style');
  layerl0 = new google.maps.FusionTablesLayer({
    query: {
      select: "'geometry'",
      from: '1UrfZ_tAPsMF9lUHkNWjQREsnbdRSMDKpHftF-rk'
    },
    map: map
  });
}
function changeMapl0() {
  var searchString = document.getElementById('search-string-l0').value.replace(/'/g, "\\'");
  layerl0.setOptions({
    query: {
      select: "'geometry'",
      from: 1UrfZ_tAPsMF9lUHkNWjQREsnbdRSMDKpHftF-rk,
      where: "'name' = '" + searchString + "'"
    }
  });
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map-canvas"></div>
<div style="margin-top: 10px;">
  <label>Municipio</label>
  <select id="search-string-l0" onchange="changeMapl0(this.value);">
    <option value="">--Select--</option>
    <option value="TEOCUITATLAN DE CORONA (JAL)">TEOCUITATLAN DE CORONA (JAL)</option>
    <option value="UNION DE SAN ANTONIO (JAL)">UNION DE SAN ANTONIO (JAL)</option>
    <option value="SAN DIEGO DE ALEJANDRIA (JAL)">SAN DIEGO DE ALEJANDRIA (JAL)     </option>
    <option value="GOMEZ FARIAS (JAL)">GOMEZ FARIAS (JAL)</option>
    <option value="TONAYA (JAL)">TONAYA (JAL)</option>
    <option value="TEQUILA (JAL)">TEQUILA (JAL)</option>
    <option value="MANUEL M. DIEGUEZ (JAL)">MANUEL M. DIEGUEZ (JAL)</option>
    <option value="PUERTO VALLARTA (JAL)">PUERTO VALLARTA (JAL)</option>
    <option value="CIUDAD GUZMAN (JAL)">CIUDAD GUZMAN (JAL)</option>
    <option value="IXTLAHUACAN DEL RIO (JAL)">IXTLAHUACAN DEL RIO (JAL)</option>
    <option value="SANTA MARIA DE LOS ANGELES (JAL)">SANTA MARIA DE LOS ANGELES (JAL)</option>
    <option value="TLAJOMULCO DE ZU¾IGA (JAL)">TLAJOMULCO DE ZU¾IGA (JAL)</option>
    <option value="CABO CORRIENTES (JAL)">CABO CORRIENTES (JAL)</option>
    <option value="PONCITLAN (JAL)">PONCITLAN (JAL)</option>
    <option value="VILLA PURIFICACION (JAL)">VILLA PURIFICACION (JAL)</option>
    <option value="VALLE DE JUAREZ (JAL)">VALLE DE JUAREZ (JAL)</option>
    <option value="JOCOTEPEC (JAL)">JOCOTEPEC (JAL)</option>
    <option value="MANZANILLA DE LA PAZ, LA (JAL)">MANZANILLA DE LA PAZ, LA (JAL)</option>
    <option value="JILOTLAN DE LOS DOLORES (JAL)">JILOTLAN DE LOS DOLORES (JAL)</option>
    <option value="CA¾ADAS DE OBREGON (JAL)">CA¾ADAS DE OBREGON (JAL)</option>
    <option value="GRULLO, EL (JAL)">GRULLO, EL (JAL)</option>
    <option value="SAN CRISTOBAL DE LA BARRANCA (JAL)">SAN CRISTOBAL DE LA BARRANCA (JAL)</option>
    <option value="TOLIMAN (JAL)">TOLIMAN (JAL)</option>
    <option value="CUQUIO (JAL)">CUQUIO (JAL)</option>
    <option value="MEZQUITIC (JAL)">MEZQUITIC (JAL)</option>
    <option value="AUTLAN DE NAVARRO (JAL)">AUTLAN DE NAVARRO (JAL)</option>
    <option value="HOSTOTIPAQUILLO (JAL)">HOSTOTIPAQUILLO (JAL)</option>
    <option value="UNION DE TULA (JAL)">UNION DE TULA (JAL)</option>
    <option value="CONCEPCION DE BUENOS AIRES (JAL)">CONCEPCION DE BUENOS AIRES (JAL)</option>
    <option value="SAN MIGUEL EL ALTO (JAL)">SAN MIGUEL EL ALTO (JAL)</option>
    <option value="SALTO, EL (JAL)">SALTO, EL (JAL)</option>
    <option value="JUANACATLAN (JAL)">JUANACATLAN (JAL)</option>
    <option value="JUCHITLAN (JAL)">JUCHITLAN (JAL)</option>
    <option value="CIHUATLAN (JAL)">CIHUATLAN (JAL)</option>
    <option value="ANTONIO ESCOBEDO (JAL)">ANTONIO ESCOBEDO (JAL)</option>
    <option value="DEGOLLADO (JAL)">DEGOLLADO (JAL)</option>
    <option value="LIMON, EL (JAL)">LIMON, EL (JAL)</option>
    <option value="VILLA GUERRERO (JAL)">VILLA GUERRERO (JAL)</option>
    <option value="TECHALUTA DE MONTENEGRO (JAL)">TECHALUTA DE MONTENEGRO (JAL)</option>
    <option value="ZAPOTLANEJO (JAL)">ZAPOTLANEJO (JAL)</option>
    <option value="MASCOTA (JAL)">MASCOTA (JAL)</option>
    <option value="ARANDAS (JAL)">ARANDAS (JAL)</option>
    <option value="TECOLOTLAN (JAL)">TECOLOTLAN (JAL)</option>
    <option value="HUEJUCAR (JAL)">HUEJUCAR (JAL)</option>
    <option value="COLOTLAN (JAL)">COLOTLAN (JAL)</option>
    <option value="JALOSTOTITLAN (JAL)">JALOSTOTITLAN (JAL)</option>
    <option value="CUAUTITLAN (JAL)">CUAUTITLAN (JAL)</option>
    <option value="ZACOALCO DE TORRES (JAL)">ZACOALCO DE TORRES (JAL)</option>
    <option value="JESUS MARIA (JAL)">JESUS MARIA (JAL)</option>
    <option value="SAN MARTIN DE BOLA¾OS (JAL)">SAN MARTIN DE BOLA¾OS (JAL)</option>
    <option value="TENAMAXTLAN (JAL)">TENAMAXTLAN (JAL)</option>
    <option value="TOMATLAN (JAL)">TOMATLAN (JAL)</option>
    <option value="VILLA CORONA (JAL)">VILLA CORONA (JAL)</option>
    <option value="OJUELOS DE JALISCO (JAL)">OJUELOS DE JALISCO (JAL)</option>
    <option value="YAHUALICA DE GONZALEZ GALLO (JAL)">YAHUALICA DE GONZALEZ GALLO (JAL)</option>
    <option value="CHAPALA (JAL)">CHAPALA (JAL)</option>
    <option value="TECALITLAN (JAL)">TECALITLAN (JAL)</option>
    <option value="SAYULA (JAL)">SAYULA (JAL)</option>
    <option value="VALLE DE GUADALUPE (JAL)">VALLE DE GUADALUPE (JAL)</option>
    <option value="CASIMIRO CASTILLO (JAL)">CASIMIRO CASTILLO (JAL)</option>
    <option value="SAN MARTIN HIDALGO (JAL)">SAN MARTIN HIDALGO (JAL)</option>
    <option value="ZAPOTLAN DEL REY (JAL)">ZAPOTLAN DEL REY (JAL)</option>
    <option value="ARENAL (JAL)">ARENAL (JAL)</option>
    <option value="MEXTICACAN (JAL)">MEXTICACAN (JAL)</option>
    <option value="AYOTLAN (JAL)">AYOTLAN (JAL)</option>
    <option value="TAPALPA (JAL)">TAPALPA (JAL)</option>
    <option value="TUXCUECA (JAL)">TUXCUECA (JAL)</option>
    <option value="COCULA (JAL)">COCULA (JAL)</option>
    <option value="AHUALULCO DE MERCADO (JAL)">AHUALULCO DE MERCADO (JAL)</option>
    <option value="MAZAMITLA (JAL)">MAZAMITLA (JAL)</option>
    <option value="IXTLAHUACAN DE LOS MEMBRILLOS (JAL)">IXTLAHUACAN DE LOS MEMBRILLOS (JAL)</option>
    <option value="CHIQUILISTLAN (JAL)">CHIQUILISTLAN (JAL)</option>
    <option value="TEPATITLAN DE MORELOS (JAL)">TEPATITLAN DE MORELOS (JAL)</option>
    <option value="CHIMALTITAN (JAL)">CHIMALTITAN (JAL)</option>
    <option value="SAN MARCOS (JAL)">SAN MARCOS (JAL)</option>
    <option value="SAN JUAN DE LOS LAGOS (JAL)">SAN JUAN DE LOS LAGOS (JAL)</option>
    <option value="QUITUPAN (JAL)">QUITUPAN (JAL)</option>
    <option value="TLAQUEPAQUE (JAL)">TLAQUEPAQUE (JAL)</option>
    <option value="JAMAY (JAL)">JAMAY (JAL)</option>
    <option value="CUAUTLA (JAL)">CUAUTLA (JAL)</option>
    <option value="CIUDAD VENUSTIANO CARRANZA (JAL)">CIUDAD VENUSTIANO CARRANZA (JAL)</option>
    <option value="ETZATLAN (JAL)">ETZATLAN (JAL)</option>
    <option value="TOTATACHE (JAL)">TOTATACHE (JAL)</option>
    <option value="AMECA (JAL)">AMECA (JAL)</option>
    <option value="OCOTLAN (JAL)">OCOTLAN (JAL)</option>
    <option value="MAGDALENA (JAL)">MAGDALENA (JAL)</option>
    <option value="TEUCHITLAN (JAL)">TEUCHITLAN (JAL)</option>
    <option value="EJUTLA (JAL)">EJUTLA (JAL)</option>
    <option value="ATENGUILLO (JAL)">ATENGUILLO (JAL)</option>
    <option value="ZAPOTITLAN DE VADILLO (JAL)">ZAPOTITLAN DE VADILLO (JAL)</option>
    <option value="TEOCALTICHE (JAL)">TEOCALTICHE (JAL)</option>
    <option value="SAN JULIAN (JAL)">SAN JULIAN (JAL)</option>
    <option value="TONALA (JAL)">TONALA (JAL)</option>
    <option value="ZAPOTILTIC (JAL)">ZAPOTILTIC (JAL)</option>
    <option value="ATENGO (JAL)">ATENGO (JAL)</option>
    <option value="ATOYAC (JAL)">ATOYAC (JAL)</option>
    <option value="ZAPOPAN (JAL)">ZAPOPAN (JAL)</option>
    <option value="PIHUAMO (JAL)">PIHUAMO (JAL)</option>
    <option value="HUEJUQUILLA EL ALTO (JAL)">HUEJUQUILLA EL ALTO (JAL)</option>
    <option value="TUXCACUESCO (JAL)">TUXCACUESCO (JAL)</option>
    <option value="BARCA, LA (JAL)">BARCA, LA (JAL)</option>
    <option value="GUACHINANGO (JAL)">GUACHINANGO (JAL)</option>
    <option value="TOTOTLAN (JAL)">TOTOTLAN (JAL)</option>
    <option value="ENCARNACION DE DIAZ (JAL)">ENCARNACION DE DIAZ (JAL)</option>
    <option value="AMACUECA (JAL)">AMACUECA (JAL)</option>
    <option value="ACATLAN DE JUAREZ (JAL)">ACATLAN DE JUAREZ (JAL)</option>
    <option value="VILLA HIDALGO (JAL)">VILLA HIDALGO (JAL)</option>
    <option value="ATOTONILCO EL ALTO (JAL)">ATOTONILCO EL ALTO (JAL)</option>
    <option value="AYUTLA (JAL)">AYUTLA (JAL)</option>
    <option value="ACATIC (JAL)">ACATIC (JAL)</option>
    <option value="SAN SEBASTIAN DEL OESTE (JAL)">SAN SEBASTIAN DEL OESTE (JAL)</option>
    <option value="LAGOS DE MORENO (JAL)">LAGOS DE MORENO (JAL)</option>
    <option value="TONILA (JAL)">TONILA (JAL)</option>
    <option value="AMATITAN (JAL)">AMATITAN (JAL)</option>
    <option value="TALA (JAL)">TALA (JAL)</option>
    <option value="HUERTA, LA (JAL)">HUERTA, LA (JAL)</option>
    <option value="TUXPAN (JAL)">TUXPAN (JAL)</option>
    <option value="BOLAôOS (JAL)">BOLAôOS (JAL)</option>
    <option value="GUADALAJARA (JAL)">GUADALAJARA (JAL)</option>
    <option value="ATEMAJAC DE BRIZUELA (JAL)">ATEMAJAC DE BRIZUELA (JAL)</option>
    <option value="TIZAPAN EL ALTO (JAL)">TIZAPAN EL ALTO (JAL)</option>
    <option value="TALPA DE ALLENDE (JAL)">TALPA DE ALLENDE (JAL)</option>
    <option value="TAMAZULA DE GORDIANO (JAL)">TAMAZULA DE GORDIANO (JAL)</option>
    <option value="MIXTLAN (JAL)">MIXTLAN (JAL)</option>
   </select>
  </div>
 </body>
</html>
4

1 回答 1

0

你检查你的javascript错误了吗?如果我复制您的 html 页面,我会收到以下 javascript 错误:

消息:预期 '}' 行:53 字符:14 代码:0 URI:file:///C:/Users/Larry/Documents/geocodezip/website/v3_FusionTables_WizOut.html

如果我改变这个:从:1UrfZ_tAPsMF9lUHkNWjQREsnbdRSMDKpHftF-rk,到:从:“1UrfZ_tAPsMF9lUHkNWjQREsnbdRSMDKpHftF-rk”,

我看到一张地图。

于 2012-06-26T04:52:45.880 回答