Javascript google maps laravel上圆圈的位置错误
我不是一张上面有圆圈的地图,但当我点击圆圈信息窗口时,它总是出现在我的左上角。当我用记号笔代替圆圈时,效果很好。有人能帮我吗Javascript google maps laravel上圆圈的位置错误,javascript,google-maps,laravel,google-maps-api-3,geometry,Javascript,Google Maps,Laravel,Google Maps Api 3,Geometry,我不是一张上面有圆圈的地图,但当我点击圆圈信息窗口时,它总是出现在我的左上角。当我用记号笔代替圆圈时,效果很好。有人能帮我吗 var map; var markers = {!! json_encode($maps) !!}; var marks = []; function load() { map = new google.maps.Map(document.getElementById('map'), { center: new google.maps.La
var map;
var markers = {!! json_encode($maps) !!};
var marks = [];
function load() {
map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(51.2442266,22.5619917),
zoom: 13
});
for(var i = 0; i < markers.length; i++){
marks[i] = addMarker(markers[i]);
}
}
function addMarker(marker){
var id = marker.id;
var lat = marker.lat;
var lng = marker.lng;
var PM10 = marker.PM10;
var PM25 = marker.PM25;
var date = marker.date;
var index;
var time = marker.time;
var temp = marker.temp;
var humidity = marker.humidity;
var html = "1 2 3";
var markerLatlng = new google.maps.LatLng(parseFloat(marker.lat),parseFloat(marker.lng));
var mark = new google.maps.Circle({
map: map,
center : markerLatlng,
radius :10,
strokeColor: '#9a0800',
strokeWeight: 1,
strokeOpacity: 1,
fillColor: '#9a0800',
fillOpacity: 1,
});
var infoWindow = new google.maps.InfoWindow;
google.maps.event.addListener(mark, 'click', function(){
infoWindow.setContent(html);
infoWindow.open(map, mark);
});
return mark;
}
var映射;
var markers={!!json_encode($maps)!!};
var标记=[];
函数加载(){
map=new google.maps.map(document.getElementById('map'){
中心:新google.maps.LatLng(51.2442266,22.5619917),
缩放:13
});
对于(var i=0;i
infoWindow.open()的第二个参数应该是一个MVCObject
带有position
-属性,但是google.maps.Circle
没有position
-属性
可能的解决办法:
将位置
-属性添加到圆中,例如通过绑定到
:
//add this line after the creation of mark
mark.bindTo('position', mark, 'center');
您希望信息窗口显示在哪里?可能会附上一个屏幕截图,说明我想要一个类似于marker的圆形信息窗口。相反,我得到了这样的东西