Google Mapで複数マーカーを立てようとしています。
PHPで
PHP
1$address[] = $value['address']; 2$address = json_encode($address);
でHTMLに住所を送った後、javascriptにsmartyのデータを送信しています。
HTML
1<script type="text/javascript" src="js/map.js" id="mapjs" data-mapjs-params='{$address}'></script>
javascriptのコンソールで見るとvalueに住所が全て入ってきているのがわかるのですが、
住所を複数渡してマーカーを複数立てる方法がわかりません。
わかる方がいらっしゃいましたらご教授願いいたします。
javascript
1var params = $('#mapjs').data('mapjs-params'); 2 3$.each(params, function(index, value) { 4 console.log(value); 5}); 6 7function drawMap(address) { 8 9 var geocoder = new google.maps.Geocoder(); 10 //住所から座標を取得する 11 geocoder.geocode( 12 { 13 'address': address,//検索する住所 〒◯◯◯-◯◯◯◯ 住所 みたいな形式でも検索できる 14 'region': 'jp' 15 }, 16 function (results, status) { 17 //console.log(address); 18 if (status == google.maps.GeocoderStatus.OK) { 19 google.maps.event.addDomListener(window, 'load', function () { 20 var map_tag = document.getElementById('map'); 21 // 取得した座標をセット緯度経度をセット 22 var map_location = new google.maps.LatLng(results[0].geometry.location.lat(),results[0].geometry.location.lng()); 23 //マップ表示のオプション 24 var map_options = 25 { 26 zoom: 13,//縮尺 27 center: map_location,//地図の中心座標 28 //ここをfalseにすると地図上に人みたいなアイコンとか表示される 29 disableDefaultUI: true, 30 mapTypeId: google.maps.MapTypeId.ROADMAP//地図の種類を指定 31 }; 32 33 //マップを表示する 34 var map = new google.maps.Map(map_tag, map_options); 35 36 //地図上にマーカーを表示させる 37 var marker = new google.maps.Marker({ 38 position: map_location,//マーカーを表示させる座標 39 map: map//マーカーを表示させる地図 40 }); 41 }); 42 } 43 } 44 ); 45 } 46drawMap(address);
ちなみに、drawMap関数はネットで見つけてきたもので自分で作ったのものではありません。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/14 09:04