GoogleMapApi Geocode マーカー

Question

###前提・実現したいこと
GoogleMapApiを使用しています。
住所情報をもとにGeocodeでlatlngを取得し、複数マーカーを表示したいと考えています。

###発生している問題・エラーメッセージ
１０件までは表示できるのですが、それ以上件数があるとエラーになってしまいます。

エラーメッセージ
Uncaught TypeError: Cannot read property '0' of null

###該当のソースコード

var addresses = [
['横浜市中区伊勢佐木町1-4-4','ABC-MART イセザキモール店'],['横浜市中区伊勢佐木町1-5-3','カステラの横濱文明堂'],['横浜市中区伊勢佐木町2-60','花見煎餅吾妻屋総本店'],['横浜市中区伊勢佐木町1-6-5','ヴィドフランス伊勢佐木町店'],['横浜市中区伊勢佐木町1-2-1','ワールドフーズいせ一'],['横浜市中区伊勢佐木町1-4-4','ABC-MART イセザキモール店'],['横浜市中区伊勢佐木町1-5-3','カステラの横濱文明堂'],['横浜市中区伊勢佐木町2-60','花見煎餅吾妻屋総本店'],['横浜市中区伊勢佐木町1-6-5','ヴィドフランス伊勢佐木町店'],['横浜市中区伊勢佐木町1-2-1','ワールドフーズいせ一'],['横浜市中区伊勢佐木町1-4-4','ABC-MART イセザキモール店'],['横浜市中区伊勢佐木町1-5-3','カステラの横濱文明堂'],['横浜市中区伊勢佐木町2-60','花見煎餅吾妻屋総本店'],['横浜市中区伊勢佐木町1-6-5','ヴィドフランス伊勢佐木町店'],['横浜市中区伊勢佐木町1-2-1','ワールドフーズいせ一']
];

  addresses.map(function(address, i){
    	geocoder.geocode({'address' : address[0]}, function(results, status){

            var position = results[0].geometry.location;
            var marker = new google.maps.Marker({

                position: position,
                map: map
            });
 


            var content = '<p>'+addresses[i][1] + '<br>' + addresses[i][0]+'</p>'+'<br>'+ '<a href="' + urls[i] +'">店舗ページへ<a>' ;
            var infoWindow = new google.maps.InfoWindow({
                content: content,
                position: position,
                size: new google.maps.Size(50,50)
            }); 
 

        google.maps.event.addListener(marker, 'click', function(){
            infoWindow.open(map, marker);
           if (currentInfoWindow) {
            currentInfoWindow.close();
        }
  
        currentInfoWindow = infoWindow;
        
        });
 
 
 
      bounds.extend(position);
      map.fitBounds(bounds);
 map.setZoom(16);
    
        if(addresses.length === 1) map.setZoom(18);
          
      });
  

  
    });

###試したこと
色々調べた結果、Geocodeでは一度に１０件以上投げるとハングするといった文献は見つけました。
都度Geocodeする必要は無いのですが、予めLatlangを住所から取得して格納して置く方法などあるのでしょうか？

###補足情報(言語/FW/ツール等のバージョンなど

MTにてカスタムフィールドから住所を取得し、Map.jsファイルをMtから排出。
Webページにてmap.jsを読み込み、Mapを描画しています。

どうぞよろしくお願いいたします。

Comments

[kei344]

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

[shaak]

なるほど、ご指摘ありがとうございます。

Answer 1

一度に大量のデータをアップロードするのであれば、KML に変換してインポートしてみてはいかがでしょうか？

参考：Google マップ KML インポート ユーティリティ

Comments

[shaak]

ごめんなさい、質問のしかたが間違っていたかもしれません。
MTによって追加されていく住所情報を、登録者が意図することなくLatlngに変換して蓄積していければ良いのですが、GeocodeApiを裏で動かしてLatlngを取得＞配列に追加していく方法しかないのかなと思っており、配列にさえできれば表示は出来る状態です。

[Zuishin]

Google Maps API には一定時間(複数種類)内の使用回数に制限があったと思います。緯度経度への変換頻度がその制限に引っかかるようなら、待ち行列を作って時間をおいて順に変換していくしかないのではないでしょうか？
もしそれで処理しきれないなら、制限が緩くなるプランがあったと思いますので、それを検討せざるを得ないでしょう。