2017-01-20 55 views
0

我想要使用存儲在Wordpress數據庫中的緯度和經度變量在頁面上動態繪製leafletjs地圖。我很親密!leafletjs中的PHP變量javascript

在我的functions.php我有

add_action("wp_enqueue_scripts","my_scripts_loader"); 


function my_scripts_loader(){ 
    $data = array('lat' => get_post_meta(get_the_ID(), 'latitude_metric'), 
       'long' => get_post_meta(get_the_ID(), 'longitude_metric')); 

    wp_enqueue_script('windfarm', get_template_directory_uri() . '/js/windfarm.js', array(jquery), '', true); 
    wp_localize_script('windfarm', 'php_data', $data); 

} 

其拉我所需要的值。

這是我墮落的下一個階段。

我windfarm.js文件的頭部

var lat = "php_data.lat"; 
var long = "php_data.long"; 
var mymap = L.map('location').setView([lat, long], 9); 

這是行不通的!我在控制檯中得到這個。

[Error] Error: Invalid LatLng object: (php_data.lat, php_data.long) 

正如我所說的,我知道我很接近

alert(php_data.lat); 
alert(php_data.long); 

做這項工作一對夫婦彈出窗口的。

如何把這些lat和長值,並在VAR MyMap中線使用它們

回答

0

解決它,如果任何人想知道...(大家都從頭開始)

var lat = parseFloat(php_data.lat); var long = parseFloat(php_data.long);