phpで登録した値をjavascriptにもってきて、javascript側であるカラムの値について条件分岐する。ということをやりたいです。
現在値をjavascript側に持ってくることはできています。
html
1<!DOCTYPE html> 2<html> 3 4<script type="text/javascript"> 5var map = L.map('map'); 6L.tileLayer('https://cyberjapandata.gsi.go.jp/xyz/std/{z}/{x}/{y}.png', { 7 attribution: "<a href='https://maps.gsi.go.jp/development/ichiran.html' target='_blank'>地理院タイル</a>" 8}).addTo(map); 9 10</script> 11 12<?php 13//mysql接続 14$pdo = new PDO($dsn, $user, $password); 15//配列に入れる 16$sql = 'SELECT * FROM latlng'; 17$result = $pdo->query($sql); 18foreach($result as $row){ 19 $latitudes[]=$row['ido']; 20 $longitudes[]=$row['keido']; 21 $comments[]=$row['comment']; 22 $cates[]=$row['cate']; 23} 24$phpjson=json_encode($latitudes); 25$phpjson2=json_encode($longitudes); 26$phpjson3=json_encode($comments); 27$phpjson4=json_encode($cates); 28 29?> 30<script type="text/javascript"> 31 32var test=JSON.parse('<?php echo $phpjson; ?>'); 33var test2=JSON.parse('<?php echo $phpjson2; ?>'); 34var test3=JSON.parse('<?php echo $phpjson3; ?>'); 35var test4=JSON.parse('<?php echo $phpjson4; ?>'); 36 37var ki = L.icon({ 38 iconUrl:'', 39}) 40 41for(var i=0;i<test.length;i++){ 42 var latlng = [lat, lng]; 43 var com=test3[i]; 44 var data=[{"lat":test[i],"lng":test2[i], "com":test3[i], "cate":test4[i]}]; 45 46//データベースのcateというカラムの値が「ki」だった場合以下の処理がおこなわれる 47 48if(cate=="ki"){ 49 var marker=new L.Marker(new L.latLng(latlng), {com:com}); 50 marker.bindPopup("<a href='#'><script>document.write(com); </script></a>"); 51 searchLayer.addLayer(marker); 52} 53 54</script> 55 56</html>
回答2件
あなたの回答
tips
プレビュー