質問: いつもお世話になっております。 google maps api にて [zoom_changed]イベントを使用して、 ズームレベルが変更された際に表示している中央アイコンを再描写するような処理を設定しております。 不具合としましては、Map内ズームレベルではなく、ブラウザ自体のズームレベルが変更された際に中央アイコンが再描写されず、以前の中央地点のアイコンがMap内に残り続けるというものになります。 PC環境にて閲覧する際には意図してブラウザのズームレベルを変更しない限り問題ないのですが、 スマートフォンでのピンチイン、ピンチアウト時の処理がブラウザのズームレベルの変更の為、 ブラウザのズームレベルを変更した際に処理する方法がございましたらご教示頂けますでしょうか。 スマートフォンでのピンチイン、ピンチアウトの無効については最終手段として考えておりますので、 上記以外の方法でお願いできればと存じます。 以上、よろしくお願い申し上げます。 **補足情報(言語/FW/ツール等のバージョンなど)** ---------------------------- php,javaScript,Google maps api for javascript
回答: ピンチイベントを使用して再描画ではどうでしょう。下記ページは Hammer.js というタッチイベントを扱うためのライブラリです。他にもあるとは思います。 【Pinch recognizer - Hammer.js】