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