plugins
plugins copied to clipboard
Published
20 hours ago •
flutter-tizen
flutter-tizen
[google_maps_flutter] InfoWindow is displayed incorrectly
https://github.com/flutter-tizen/plugins/pull/695
After #695, Google maps works well. However, the window (or popup) type graphics displayed in Google Maps are displayed upside down.
Below is an example of the actual output. And I wrote the javascript code that actually happens from google_maps_flutter/example. (If you run the html code below in Chrome, you can see that it is displayed normally.)
<html>
<head>
<style>
#map {
height: 100vh;
width: 100vw;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
let map;
</script>
<script src="https://maps.googleapis.com/maps/api/js?libraries=marker&key=<KEY>">
</script>
<script>
map = new google.maps.Map(document.getElementById('map'), {mapId: 'DEMO_MAP_ID',mapTypeControl: false, fullscreenControl: false, streetViewControl: false, mapTypeId: 'roadmap', minZoom: null, maxZoom: null, restriction: null, zoomControl: true, styles: null, gestureHandling: 'auto', zoom: 7.0, center: {lat: -33.852 ,lng: 151.211}});
map.addListener('tilesloaded', (event) => {
console.log('???');
});
var infoWindow0 = new google.maps.InfoWindow({content:'<div id="marker-marker_id_1-infowindow"><h3 class="infowindow-title">marker_id_1</h3><div class="infowindow-snippet">*</div></div>', pixelOffset:null , position:null, zIndex:0.0});
var marker0 = new google.maps.Marker({anchorPoint:null, draggable:false, icon:null, map: map, opacity:1.0, position:new google.maps.LatLng(-33.82380872981077, 151.2197171), title:"marker_id_1", visible:true, zIndex:0.0});
marker0.addListener("click", (event) => MarkerClick.postMessage(JSON.stringify(0)));
marker0.addListener("dragend", (event) => MarkerDragEnd.postMessage(JSON.stringify({id:0, event:event})));
// Add window to marker
infoWindow0.open({anchor: marker0, map});
JSON.stringify(infoWindow0.setContent.apply(infoWindow0, ['<div id="marker-marker_id_1-infowindow"><h3 class="infowindow-title">marker_id_1</h3><div class="infowindow-snippet">**</div></div>']))
JSON.stringify(infoWindow0['pixelOffset'] = {width:0.0, height:0.0})
JSON.stringify(marker0.setOptions.apply(marker0, [{anchorPoint:null, draggable:false, icon:null, map: map, opacity:1.0, position:new google.maps.LatLng(-33.82380872981077, 151.2197171), title:"marker_id_1", visible:true, zIndex:0.0}]))
</script>
</body>
</html>
