首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何自定义商店定位器插件的sidepanel

如何自定义商店定位器插件的sidepanel
EN

Stack Overflow用户
提问于 2012-10-04 01:04:13
回答 2查看 1.5K关注 0票数 0

我正在尝试使用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(“视图更改”),函数(){警报(“工作”); );*/ });

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-10-05 06:19:41

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

代码语言:javascript
运行
复制
.storelocator-panel .location-search {

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

}
票数 0
EN

Stack Overflow用户

发布于 2012-10-04 15:23:42

问题是风格

代码语言:javascript
运行
复制
<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>

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12719036

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档