HTMLのエリアシェイプと携帯電話：これはバグですか？回避策がありますか？

Question

私のウェブサイトは非常に正確な「エリアシェイプ」の定義を持っています。それは完璧なピクセルです。ここで

はmy website

あなたはdepartementsが右側にハイライト表示されます、左の部門の上にマウスを移動し

です。部門の上にマウスを移動すると、それはピクセル完全精度であることがわかります。

私の大きな問題は、フランスの中心である "イル・ド・フランス"です。人口のほぼ5分の1がここに住んでいます。それでは、大きな問題です。

注意：お使いのPC上で、（前のリンクを）メインページに移動し、ズーム中：（あなたがそうするならば）、ちょうど私が言っていることは真実であることを確認し、あなたの携帯電話にしようとして前（ctrl +キーボードショートカット）、マウスを部門 "Ile de France"に移動します。あなたは精度が完璧であることが分かります：部門外に移動し、移動すると、自分で "検出"の精度がわかります。

私のSony Ericsson Xperia Arcでは、「エリアシェイプ」の処理方法は大きな問題です。

近づい（問題を表示する）：：

でも近づいここ

は、私が "イル・ド・フランス" をクリックしようとすると、それが与えるものです：

そして、選択されたデパート表示する：

あなたが最新の画像からわかるように、マップは非常に拡大しているが、それはまだ「イル・ド・フランス」を選択したくありません、私は明確にその地域の真ん中をクリックしています。

私は正確、私は

は、このAが...その仕事を捨てて粗い仕事をしたくないというフランスのマップを取得するために、3日間のために働いてきた意味バグ？これは正常な動作と考えられますか？ 「iPhone」の携帯端末にも同じ問題がありますか？回避策はありますか？

-Edit-

アンドレイ・Gによれば、GalaxyS2に動作しているようですが、それでもマップを拡大する必要があります...

-Edit-

私は正確に持っています一部のAndroidタブレットで同じ問題が発生する私は "モバイル"バージョンを作る必要があります。これは馬鹿だ。

Answer 1

私はあなたのマップに問題はありません。問題は、人間の指がマウスほど正確ではないということです。地図を十分に拡大すると、適切な地域を選択することができます。

私はあなたのサイトに行くためにGalaxyS2を使いました。

また、あなたのエリアをクリックしたいときに人々が画面上で指をドラッグしないので、ホバー効果は携帯電話では機能しません。

Answer 2

私のAndroid搭載端末で表示されたHTMLメールの地図にも同様の問題がありました。私はmapタグにname属性とid属性の両方を使用していました。代わりにname属性を削除してid属性を使用しただけで、電話機のホットスポットを正確にタップできました。