Google Mapで複数マーカー

Question

Google Mapで複数マーカーを立てているのですが、
取得した住所の数と、マーカーの数が合いません。
尺度を変えてみてもダメで、ググってみたのですが解決策が見当たりませんでした。

PHPでJSONに変換した住所をHTMLに送っています。

$address[] = $value['address'];
$address = json_encode($address);

javascriptにsmartyのデータを送信っています。

<script type="text/javascript" src="js/map.js" id="mapjs" data-mapjs-params='{$address}'></script>

console.log()でvalueを見ると30件データが表示されるのですが、マーカーは
10件ぐらいしか表示されません。
原因がわかる方がいらっしゃいましたら、ご教授お願いします。

google.maps.event.addDomListener(window, 'load', function () {
	var map;
	var params = $('#mapjs').data('mapjs-params');

    $.each(params, function(index, value) {
        drawMap(value);
    });

    function drawMap(address) {

        var geocoder = new google.maps.Geocoder();
        //住所から座標を取得する
        geocoder.geocode(
            {
                'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる
                'region': 'jp'
            },
            function (results, status) {
                if (status == google.maps.GeocoderStatus.OK) {
                    var map_location = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng());

                    if (!map){
                        var map_tag = document.getElementById('map');
                        //マップ表示のオプション
                        var map_options =
                        {
                            zoom: 8,//縮尺
                            center: map_location,//地図の中心座標
                            //ここをfalseにすると地図上に人みたいなアイコンとか表示される
                            disableDefaultUI: false,
                            mapTypeId: google.maps.MapTypeId.ROADMAP,//地図の種類を指定
									  
                        };

                        //マップを表示する
                        map = new google.maps.Map(map_tag, map_options);
                    }

                    //地図上にマーカーを表示させる
						var marker = new google.maps.Marker({
							position: map_location,		//マーカーを表示させる座標
							map: map,	//マーカーを表示させる地図
						});
                }
            }
        );
    }
});

Answer 1

意外に多いGoogle Maps関連機能制限をまとめた。

Geocoding API 2,500リクエスト/日 5リクエスト/秒

Comments

[Hiroaki-Yamada]

サイトを拝見しましたが、解決されそうになかったです。

[退会済みユーザー]

単純に、GeoCoding には制限があるので、リクエストごとにGeocodingしてはダメということです。一度緯度経度を取得したらDBなどに保存しておいて、キャッシュしましょうということですね。