输入谷歌浏览器[类型=数字]将不接受来自谷歌地图的JavaScript API经纬度

Question

这里的坐标拾取的片断我与谷歌地图的JavaScript API V3制作：

map.addListener('click', function(e) { 
    document.getElementById('lat').value = e.latLng.lat(); 
    document.getElementById('long').value = e.latLng.lng(); 
    map.panTo(e.latLng); 
    if (map.getZoom() < 14) { 
     map.setZoom(14); 
    } 
    marker.setPosition(e.latLng); 
}); 

#lat和#long是Number型input元素。但是当我提交时，Chrome说

请输入一个有效值。两个最接近的有效值是3和4

我试图用parseFloat()包装值，但它不起作用。有任何想法吗？

Answer 1

Chrome对待数字有点不同，您还必须使用step属性。

在你情况下，下面应该工作：

<input type="number" step="any" /> 

您可以更改步骤你想要的任何小数（如0.1，0.001），但任何应该是最适合你的问题