0

GoogleデベロッパーのStoreLocatorプラグインを使用しようとしています： http ：//storelocator.googlecode.com/git/index.html？utm_campaign = sl＆utm_source = youtube

検索ロケーターをページの上部に再配置したかったのですが、これはGoogleマップのように、最終的には次のようになりました。1.2つのパネルを上と横に作成しました。2。両方に同じビューを割り当てました。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'）;

}）; * /

}）;

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 に答える