0

地元の学区の新しい住所検索ページに最後の仕上げをしようとしていますが、垂直スクロールバーが不要なときに (Google Map API を介して) ポップアップ ウィンドウに表示され続ける理由がわかりません。Chrome、Firefox、および Safari では、垂直スクロールバーが常に表示されるようです。ただし、IEの方がうまくいくようです。また、私のiPadでもうまく動作するようです。このサイトでは SharePoint 2010 を使用していますが、私の意見では、これを使用するのは簡単ではありません。とにかく、マップ上の色付きの領域またはアイコンをクリックすると、その場所を説明するポップアップ ウィンドウが表示されます。問題は、必要のないときに垂直スクロールバーが表示され続けることです。Google Maps API で垂直スクロールバーを取り除く方法を知っている人はいますか?

サイト: http://www.paplv.org/SitePages/Address-Search.aspx

どんな助けでも大歓迎です、

スコット

4

3 に答える 3

0

あなたはおそらくこれを理解したと思いますが、他の誰かが同じ問題を抱えている場合に備えて... スクロールの問題を修正するために addListener 関数内に div ブロックを作成しました。

google.maps.event.addListener(marker, 'click', (function(marker, i) { 
  var myString = '<div id="infoWindow" style="white-space: nowrap;">'
  + '<div id="bodyContent">'
  + markers[i][2] + markers[i][3]
  + '</div>'
  + '</div>';
}
return function() {
infowindow.setContent(myString); 
infowindow.open(map, marker); 
于 2014-07-31T20:15:38.533 に答える
0

私もこの問題を抱えていて、自分で解決しました。

自動的に含まれるフォントと関係があります。

.gm-style {
    font-family: Roboto,Arial,sans-serif;
}

infowindow html コンテンツを作成するときは、それを div で囲み、クラスを追加します。

// infowindow html
html = "<div class='infowindowStyle'><p><span class='title'>" + name + "</span><br />" + address + "</p></div>";

次に、スタイルにクラスを追加します。

.infowindowStyle { font-family:Verdana; }

これで問題が解決するはずです。

于 2014-12-05T17:19:46.353 に答える