電話ブラウザのウェブサイト上のGoogleマップが小さすぎます

Question

Googleマップを自分のウェブサイトに統合しました。私はGoogle maps API V3を使用しました。私のウェブサイトをiPhoneなどの携帯電話で見ると、地図は使用できなくなります。フォントサイズが小さくなり過ぎるにつれて、地図をさらに拡大して表示すると、フォントサイズがさらに小さくなることは非常に難しいです。

デスクトップコンピュータで表示すると、地図は読みやすいように見えますが、まだフォントサイズに満足していないし、iPhoneや携帯電話のブラウザでは完全に判読できません。

私が修正したいのは、 です。1）フォントサイズを大きくすることで、地図のサイズが大きく見えるようにします。 2）私は地図だけで通りの名前を表示したいだけです。 3）地図をもっと速くロードしたい

携帯電話のウェブサイト専用のGoogleマップAPIはありますか？

Answer 1

私は同じ問題を抱えていた、と私は実装してしまいました私がここで見つけた解決策：http://sunpig.com/martin/archives/2012/03/18/goldilocks-and-the-three-device-pixel-ratios.html

基本的に、この記事では物理的なピクセルとCSSの "ピクセル"の違いについて説明します。両者にはスケールファクタがあります。ほとんどのモバイルブラウザのデフォルト値は、携帯電話の小さなテキストで非常に「ズームアウト」しているデスクトップ向けのページを頻繁に見ている理由のようです。そして、それはまた、読めないGoogleマップを引き起こすようです！

<meta name="viewport" content="width=device-width"> 

Answer 2

1. これはGoogle Maps APIがまだサポートしていないか、考慮していないようです。
   
   this forumの状態と同じです。
   通りのラベルは「地図のタイルに焼き付けられている」ように見えるので、実際にフォントのサイズやスタイルを変更する方法はありません。
   Broken link #2 *。

2. 2番目の質問について：
   ストリートラベルを表示したい場合は、Styling section of the Google Maps APIを読むことをお勧めします。このドキュメントを読んだら、ウィザードにJSONを簡単に手に入れることができます。Broken link #4 *をマップに追加できます。
   
   「道路」を除いて、すべての機能ラベルの視認性を[オフ]に設定するだけです。ウィザードも提供してい

   [ 
   { 
       featureType: "administrative", 
       elementType: "labels", 
       stylers: [ 
       { visibility: "off" } 
       ] 
   }, 
   { 
       featureType: "landscape", 
       elementType: "labels", 
       stylers: [ 
       { visibility: "off" } 
       ] 
   }, 
   { 
       featureType: "poi", 
       elementType: "labels", 
       stylers: [ 
       { visibility: "off" } 
       ] 
   }, 
   { 
       featureType: "transit", 
       elementType: "labels", 
       stylers: [ 
       { visibility: "off" } 
       ] 
   }, 
   { 
       featureType: "water", 
       elementType: "labels", 
       stylers: [ 
       { visibility: "off" } 
       ] 
   }, 
   { 
       featureType: "road", 
       stylers: [ 
       { visibility: "on" } 
       ] 
   } 
   ] 
   

   Here is the static image of the resulting map：スタイル付き地図JSON V3

GoogleマップAPI： "ショーJSON" をクリックしてください
その後、あなたはこれに似た何かを得る必要があります。 REVIEW FROM

---

*：2017のよう

、＃2をリンクし、＃4が壊れている...