使用Javascript变量放置Google Maps Marker位置

时间:2018-09-21 19:07:03

标签: javascript php google-maps google-maps-api-3 google-maps-markers

我正在尝试在地图中放置标记,并在复制警报结果时通过单击plt.figure() x=pd.concat([wave,mean,median,mad],axis=1,keys['wave','mean','median','mad']) x=x[np.abs(x['mad']-x['mad'].mean()) <= (2*x['mad'].mad())] plt.plot(x['wave'],x['mean'],'<') plt.fill_between(x['wave'], y1=+x['mad'].mad(), y2=-x['mad'].mad(), color='k',alpha=.5) slope, intercept, r_value, p_value, std_err = stats.linregress(x['wave'],x['mean']) plt.plot(x['wave'], intercept + slope*x['wave'], 'r', label='fitted line') plt.show() 将javascript变量传递到另一个php页面中(例如:{lat:-25.4025 ,lng:-49.2643})并将其直接放在“位置”字段中可以正常工作,但是当我将变量放在其上时,效果却不佳。

<ul>

1 个答案:

答案 0 :(得分:0)

从标记中的data-value属性解析JSON时似乎出现问题。您可以通过两种方法处理此问题,但我认为最简单的方法是将纬度和经度值作为两个单独的数据属性进行嵌入,然后使用Google Maps LatLng对象为标记指定坐标。这样,您可以避免各种JSON陷阱。这是一个示例:

HTML:

<ul class="repoFolder" data-lat="-25.4025" data-lng="-49.2643">
    <li>Clicky</li>
</ul>

JavaScript

function rootFolder() 
{
    var latitude =  this.getAttribute('data-lat');
    var longitude =  this.getAttribute('data-lng');

    var latLng = new google.maps.LatLng(latitude, longitude);

    var markersHistory = new google.maps.Marker({
        position: latLng,
        map: map
    });
}