我正在尝试使用google的Store插件:source=youtube
我想把搜索定位器重新定位到页面的上方--就像在google地图上一样--这就是我最终得到的结果:1.我创建了两个面板,第二个面板,并为它们分配了相同的视图。3.使用css隐藏向上面板上的炉子。4.将搜索定位器隐藏在侧面板5上。然后,在向上面板上搜索搜索定位器时,我会在侧面板上获得更新的存储列表和功能。
请帮我解决我所缺少的东西。
以下是我试图使用的js代码:
google.maps.Map(document.getElementById('map-canvas'),(google.maps.event.addDomListener)(窗口,'load',函数(){ var map =新的google.maps.LatLng{ 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数据=新的MedicareDataSource; var view =新的storeLocator.View(地图,数据,{地理定位: false,特性: data.getFeatures() }); /*var search_panel =新storeLocator.Panel(searchPanel,{视图:视图,方向: false });*/ var side_panel =新storeLocator.Panel(panelDiv,{ view: view,locationSearch: true }); /*$(Search_panel).live(“视图更改”),函数(){警报(“工作”); );*/ });
发布于 2012-10-05 06:19:41
在storelocator.css上。这就是我现在用来移动页面顶部搜索框的方法:
.storelocator-panel .location-search {
top:45px;
padding: 5px;
position: absolute;
width: 400px;
margin-left:-210px;
left:50%;
}
发布于 2012-10-04 15:23:42
问题是风格
<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>
您将需要更改它以满足您的要求--如果需要,这里是一个很好的教程
https://stackoverflow.com/questions/12719036
复制相似问题