如何绘制形状在谷歌地图(1或更多)使用JavaScript
how to drawing shapes in google map (1 or more) using JavaScript
我正在使用谷歌地图绘制形状但是,当我试图从数据库中获取lat和LNG并将其分配给map
时,我会出错。我有格式数据正确后,得到它从数据库
for (var s = 0; s < array_points.length; s++) {
var shapeCoordinates = array_points[s];
var shap = Array();
for (var sh = 0; sh < shapeCoordinates.length; sh++) {
shap.push({lat: shapeCoordinates[sh]['lat'], lng: shapeCoordinates[sh]['lng']});
var drawingManager = new google.maps.Polygon({
paths: shap,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35
});
}
}
我得到以下错误
Uncaught InvalidValueError: at index 0: not a LatLng or LatLngLiteral: in property lat: not a number
array_points有3个形状
shapeCoordinates有形状的坐标
请将此变量转换为整数,这将解决您的问题。
parseFloat(shapeCoordinates[sh]['lat'])
请试试这个
for (var s = 0; s < array_points.length; s++) {
var shapeCoordinates = array_points[s];
var shap = [];
for (var sh = 0; sh < shapeCoordinates.length; sh++) {
shap.push({lat: shapeCoordinates[sh]['lat'], lng: shapeCoordinates[sh]['lng']});
}
var drawingManager = new google.maps.Polygon({
paths: shap,
strokeColor: '#FF0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.35
});
drawingManager.setMap(map);
}
相关文章:
- Javascript:使用绝对路径设置img src
- Javascript使用变量设置属性
- 使用Javascript使用数组检查文本框中的值
- Javascript:使用document.write时删除子项
- Javascript 使用 document.write 编写 innerHtml 的值
- JavaScript使用字符串Reveal Triangles
- Javascript:使用用户输入搜索数组
- 使用javascript使用for循环声明变量
- 如何使用Javascript使用给定的输入创建输出表
- Javascript-使用“”将toDateStringMonth从文本字符串解析为数字字符串;如果“;vs“;开关”;
- Javascript使用+添加对象
- Jquery/Javascript使用IF/ELSE语句更改img SRC
- Javascript使用Confirm取消表单提交
- javascript使用正则表达式得到错误的结果
- 对javascript使用.html中的select id
- JavaScript-使用B.prototype=new A()继承数组
- Javascript:使用一个预先存在的对象值作为一个新对象的键
- Javascript使用本地存储,回调对象并用Json更改为一个字符串以用于填充函数
- Javascript使用JCanvaScript在画布中加载图像
- 模型中的Javascript使用列表