如何从google开发人员自定义Store Locator插件的侧面板-Java 学习之路

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

我想将搜索定位器重新定位到页面的上方 - 就像它在谷歌 Map 上一样，这就是我最终的结果：1 . 我创建了两个面板和第二面，并为它们分配了相同的视图 . 3.使用css隐藏面板上的商店列表 . 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'）;}）; * /}）;

2 回答

问题是风格

<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>

你需要改变它以满足你的要求这里是一个很好的Tutorial如果你需要它

回复于 2024-04-19T08:21:32+08:00

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

.storelocator-panel .location-search {

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

}

回复于 2024-04-19T08:21:32+08:00

如何从google开发人员自定义Store Locator插件的侧面板

2 回答

相关问题