Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用google maps api v3显示多边形和多边形_Javascript_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 如何使用google maps api v3显示多边形和多边形

Javascript 如何使用google maps api v3显示多边形和多边形,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,我是谷歌地图api新手,我有一些多边形和多边形。 我试图在谷歌地图api中同时显示(多边形和多段线)。 我尝试了一些东西,但不能同时显示多边形和多段线,只能显示多边形,如何同时显示多边形和多段线。我有一个Json,Json有源多边形或多段线,我在这里显示的源代码。对不起,我的英语。 希望有人能让我知道我在哪里失败。 这是我的密码 $(函数(){ 初始化(); }); 函数初始化(){ var centerPoint=new google.maps.LatLng(13.0908481577141

我是谷歌地图api新手,我有一些多边形和多边形。 我试图在谷歌地图api中同时显示(多边形和多段线)。 我尝试了一些东西,但不能同时显示多边形和多段线,只能显示多边形,如何同时显示多边形和多段线。我有一个Json,Json有源多边形或多段线,我在这里显示的源代码。对不起,我的英语。
希望有人能让我知道我在哪里失败。 这是我的密码


$(函数(){
初始化();
});
函数初始化(){
var centerPoint=new google.maps.LatLng(13.09084815771412,80.26878878474236);
变量映射选项={
缩放:14,
中心:中心点,
mapTypeId:google.maps.mapTypeId.ROADMAP,
scaleControl:对,
mapTypeControl:false
};
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var arr=新数组();
var=[];
var多段线=[];
var bounds=new google.maps.LatLngBounds();
变量坐标=[];
var marker=new google.maps.marker;
var-getBounds;
var数据=“{”name:“Arumbakkam”,“id:“1620”,“source:“polygon”,“latlng:“{”lat:“13.08064830311745”,“lng:“80.2668146789074”},{”lat lat:“13.081819177841483”,“lng:“80.2745394087029”},{”lat 13.08620830659085909”,“lng:“80.271728482268”},{”lat:“13.09084815771412”,“lng:“80.26874436”},{”lat id:“null:“lng:“1621”},“来源”:“多段线”,“拉特林”:[{“拉特”:“13.119271”,“液化天然气”:“80.095053”},{“拉特”:“13.117557”,“液化天然气”:“80.095203”},{“拉特”:“13.116408”,“液化天然气”:“80.101683”}];
var jsonData=JSON.parse(数据);
对于(var i=0;i
对象没有仅对对象有效的
路径
属性

更改:

polyline.push(new google.maps.Polyline({
    auto_id: i,
    id: id,
    name: polName,
    paths: arr,
    Source: source_d,
    strokeOpacity: 0.8,
    strokeWeight: 2,
    zIndex: 11
  }));
致:

代码片段:

$(函数(){
初始化();
});
函数初始化(){
var centerPoint=new google.maps.LatLng(13.09084815771412,80.26878878474236);
变量映射选项={
缩放:14,
中心:中心点,
mapTypeId:google.maps.mapTypeId.ROADMAP,
scaleControl:对,
mapTypeControl:false
};
var map=new google.maps.map(document.getElementById('map-canvas'),mapOptions);
var arr=新数组();
var=[];
var多段线=[];
var bounds=new google.maps.LatLngBounds();
变量坐标=[];
var marker=new google.maps.marker;
var-getBounds;
var数据=“{”名称“:”阿鲁姆巴卡姆“,”id“:”1620“,”来源“:”多边形“,”latlng“:”13.08064830311745“,”液化天然气“:”80.2668146789074”},{”lat“:”13.081819177841483“,”液化天然气“:”80.2745394087029“,”lat“,”13.086208306590859“,”液化天然气“,”80.271728482268”},{”lat“,”13.09084815771412“,”液化天然气“:”80.2687784736“,”多段线“,”id“,”来源“,”1621“,”latlng:[{“lat:“13.119271”,“lng:“80.095053”},{“lat:“13.117557”,“lng:“80.095203”},{“lat:“13.116408”,“lng:“80.101683”}];
var jsonData=JSON.parse(数据);
对于(var i=0;i
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}

polyline.push(new google.maps.Polyline({
    auto_id: i,
    id: id,
    name: polName,
    paths: arr,
    Source: source_d,
    strokeOpacity: 0.8,
    strokeWeight: 2,
    zIndex: 11
  }));
polyline.push(new google.maps.Polyline({
    auto_id: i,
    id: id,
    name: polName,
    path: arr,
    Source: source_d,
    strokeOpacity: 0.8,
    strokeWeight: 2,
    zIndex: 11
  }));