openlayers 3 ol.proj.transform将动态地理位置点转换为零

Question

我正在尝试使用stackoverflow的示例，使用openlayers 3. *将动态数据插入地图。 问题是：当我将数字直接插入到这样的语句中时，代码运行正常：

 geometry: new ol.geom.Point(ol.proj.transform([-72.0704,46.678],'EPSG:4326','EPSG:3857')),

但是当我尝试使用以下代码模拟json数据时：发生了一些魔术：

• 当只替换经度时，我将标记放在正确的位置，
• 如果仅替换纬度，则纬度将转换为零，

• 替代经度和纬度时，标记不会显示。

   function AddMarkers() { var iconFeatures=[]; data = [{"longitude":"-72.0704","latitude":"46.678"},{"longitude":"-73.1234","latitude":"45.678"},{"longitude":"46.738586","latitude":"24.774265"}]; var iconFeature = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.transform([data[0].longitude,46.678], 'EPSG:4326', 'EPSG:3857')), name: 'Null Island', population: 4000, rainfall: 500 }); var iconFeature1 = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.transform([28.7753927 , data[1].latitude], 'EPSG:4326', 'EPSG:3857')), name: 'Null Island Two', population: 4001, rainfall: 501 }); var iconFeature2 = new ol.Feature({ geometry: new ol.geom.Point(ol.proj.transform([data[2].longitude,data[2].latitude], 'EPSG:4326', 'EPSG:3857')), name: 'Null Island Two', population: 4002, rainfall: 502 }); iconFeatures.push(iconFeature); iconFeatures.push(iconFeature1); iconFeatures.push(iconFeature2); var vectorSource = new ol.source.Vector({ features: iconFeatures //add an array of features }); var iconStyle = new ol.style.Style({ image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({ anchor: [0.5, 46], anchorXUnits: 'fraction', anchorYUnits: 'pixels', opacity: 0.75, src: 'images/icon.png' })) }); var vectorLayer = new ol.layer.Vector({ source: vectorSource, style: iconStyle }); return vectorLayer; 

  }

因此，为什么仅在使用json数组中的数据时才发生这种魔术，而当数字直接插入语句时却没有发生这种魔术的原因。

Answer 1

我正在使用php json编码json_encode（）并在数据中添加引号，因此从经度和纬度值中删除（修剪）引号。