私は、Yii フレームワークと GeoExt を使用して、マップ ベースの Web アプリケーションを開発しています。このアプリには、ユーザーがポリゴンを描画できる機能があり、それをクリックすると、ajax を使用してポリゴン情報をコントローラー アクションに送信し、このポリゴンをデータベースに保存します。データベース ポリゴンの座標が必要です。ポリゴンの座標を取得するには、コントローラー アクションで以下のコードを使用します。しかし、ブラウザのコンソールにエラーが表示されます!
アクションコード:
public function actionTest()
{
if(isset($_POST['polygon']) && isset($_POST['name'])){
$str = $_POST['polygon'];
$polygon = CJSON::decode($str);
$coordinates = $polygon->polygon->geometry->coordinates[0];
}
echo CJSON::encode(array('polygon'=> $coordinates));
}
$.ajax コード:
function save(feature) {
var geojson_format = new OpenLayers.Format.GeoJSON();
var str = geojson_format.write(feature);
str = str.replace(/,/g, ', ');
Ext.MessageBox.prompt('Name', 'Please enter district name:', function(btn, text){
if (btn == 'ok' && text.length > 0){
<?php
echo CHtml::ajax(array(
'url'=>array('site/test'),
'data'=>array('polygon'=>'js:str',
'name'=>'js:text'),
'type'=>'POST',
'success'=>"function(data){
console.log(data);
}"
));
?>
$("#output").val(str);
}
else if(btn == 'ok' && text.length == 0)
Ext.MessageBox.alert('Error', 'Please Enter Name For Polygon To Save');
});
}
ブラウザ コンソールのエラー:
POST http://localhost/FleetManagement/index.php/site/test 500 (PHP Error) jquery.js:8102 jQuery.ajaxTransport.send jquery.js:8102 jQuery.extend.ajax jquery.js:7580 modify.mode/FleetManagement/:254(anonymous function)
しかし、アクションに以下のコードを使用すると、コンソールで文字列を取得できます。
public function actionTest()
{
if(isset($_POST['polygon']) && isset($_POST['name'])){
$str = $_POST['polygon'];
$polygon = CJSON::decode($str);
}
echo CJSON::encode(array('polygon'=> $polygon ));
}
上記のコードを使用した後、ブラウザコンソールで以下の文字列を取得できます:
{"polygon":{"type":"Feature","properties":[],"geometry":{"type":"Polygon","coordinates":[[[-7302732.4720101,6527844.6333235],[-3193477.8319711,6606116.1502766],[-5111129.9973226,5001550.0527375],[-6637424.5779086,4884142.7773079],[-7772361.5737289,5158093.0866438],[-7302732.4720101,6527844.6333235]]]},"crs":{"type":"name","properties":{"name":"urn:ogc:def:crs:OGC:1.3:CRS84"}}}}
座標を取得できない理由と、これを行うにはどうすればよいですか?
Chrome コンソールで var_dump を出力するコードを以下に示します。
<pre class='xdebug-var-dump' dir='ltr'>
<b>array</b>
'type' <font color='#888a85'>=></font> <small>string</small> <font color='#cc0000'>'Feature'</font> <i>(length=7)</i>
'properties' <font color='#888a85'>=></font>
<b>array</b>
<i><font color='#888a85'>empty</font></i>
'geometry' <font color='#888a85'>=></font>
<b>array</b>
'type' <font color='#888a85'>=></font> <small>string</small> <font color='#cc0000'>'Polygon'</font> <i>(length=7)</i>
'coordinates' <font color='#888a85'>=></font>
<b>array</b>
0 <font color='#888a85'>=></font>
<b>array</b>
...
'crs' <font color='#888a85'>=></font>
<b>array</b>
'type' <font color='#888a85'>=></font> <small>string</small> <font color='#cc0000'>'name'</font> <i>(length=4)</i>
'properties' <font color='#888a85'>=></font>
<b>array</b>
座標がショーのコンソールに表示されない理由がわかりません...テーマの代わりに!