0

我正在尝试使用来自谷歌开发者的商店定位器插件： http ://storelocator.googlecode.com/git/index.html?utm_campaign=sl&utm_source=youtube

我想将搜索定位器重新定位到页面的顶部，就像它在谷歌地图上一样，这就是我最终的结果：1.我在上面和侧面 2. 上创建了两个面板，并为它们分配了相同的视图。3. 使用 css 隐藏 up 面板上的 storelist。4. 隐藏侧面板上的搜索定位器 5. 然后在上面板上的搜索定位器上搜索时，我没有在侧面板上获得更新的商店列表和功能。

请帮助我解决我所缺少的。

以下是我尝试使用的 js 代码：

google.maps.event.addDomListener(window, 'load', function() { var map = new google.maps.Map(document.getElementById('map-canvas'), { center: new google.maps.LatLng(- 28, 135), 缩放: 5,

mapTypeId: google.maps.MapTypeId.ROADMAP   });

//var panelDiv = document.getElementById('panel'); var panelDiv = $('.panel'); var searchPanel = $('#searchPanel');

var data = new MedicareDataSource;

var view = new storeLocator.View(map, data, { geolocation: false, features: data.getFeatures() });

/*var search_panel = new storeLocator.Panel(searchPanel, { view: view, Directions: false }); */

var side_panel = new storeLocator.Panel(panelDiv, { view: view, locationSearch: true });

/*$(search_panel).live('view_changed', function(){ alert('Working');

});*/

});

4

2 回答 2

1

问题是风格 

<style type="text/css">
  body { font-family: sans-serif; }
  #map-canvas, #panel { height: 500px; }  //HERE
  #panel { width: 300px; float: left; margin-right: 10px; }//HERE
  #panel .feature-filter label { width: 130px; } //HERE
  p.attribution, p.attribution a { color: #666; }
</style>

您需要更改它以满足您的要求，如果您需要，这里是一个很好的教程

于 2012-10-04T15:23:42.820 回答
0

在 storelocator.css 上。这就是我现在用来将搜索框移动到页面顶部的方法：

.storelocator-panel .location-search {

    top:45px;
    padding: 5px;
    position: absolute;
    width: 400px;
    margin-left:-210px;
    left:50%;

}
于 2012-10-05T06:19:41.573 回答