Comments (4)
Hi, the setting "'center' => false" should move the map to the centre of all markers. The map itself should already update its boundaries based on the attached markers.
Mapper::map(52.381128999999990000, -1.370085000000040000, ['zoom' => 15, 'center' => false, 'makrer' => false']);
Mapper::marker(53.381128999999990000, -1.470085000000040000);
Mapper::marker(53.481128999999990000, -1.570085000000040000);
If this doesn't work for you, you could attach "'eventAfterLoad' => '...'" to create your own after load event to resize.
Mapper::map(52.381128999999990000, -1.370085000000040000, ['zoom' => 15, 'center' => false, 'makrer' => false', 'eventAfterLoad' => 'console.log(maps[0].map);']);
Mapper::marker(53.381128999999990000, -1.470085000000040000);
Mapper::marker(53.481128999999990000, -1.570085000000040000);
from googlmapper.
Thanks for the tip. It wasn't working for me, so I added some alerts to slow down the process, and I could see the map correctly, then something after the done call was resetting the bounds incorrectly.
I couldn't track down what was resetting the bounds, so I added a workaround using a variation on your "eventAfterLoad" call. It's shown below, in case it helps anyone else.
The "event" part of the new Map call in the controller:
'eventAfterLoad' => 'delayThenResizeMap(maps[0].map);'
In javascript in the view:
` var mapInstance;
var mapBounds;
var mapZoom;
function delayThenResizeMap(pMapInstance)
{
mapInstance = pMapInstance;
mapBounds = mapInstance.getBounds();
mapZoom = mapInstance.getZoom();
setTimeout(resizeMap, 100);
}
function resizeMap()
{
mapInstance.fitBounds(mapBounds);
mapInstance.setZoom(mapZoom);
}
`
from googlmapper.
Thanks for this. I'll take a look at why it isn't resizing automatically.
from googlmapper.
Okay, i've spotted the issue, and now have pushed a fix to version 2.10.1 / 1.5.1.
from googlmapper.
Related Issues (20)
- Map Drag Event (Livewire) HOT 3
- Can you get lat/lng of clicked location? HOT 1
- Map not rendering when parent element is hidden HOT 1
- Map disappers when changing livewire model HOT 6
- gpx HOT 1
- Display KML/KMZ HOT 3
- Error Google Maps JavaScript API error: InvalidKeyMapError HOT 2
- Cornford\Googlmapper\Exceptions\MapperInstanceException No map found to add a polyline to. HOT 3
- Add new icon by click on the map view
- Drawing Layer (Library) HOT 1
- Laravel 9 support: illuminate/support v9.0? HOT 3
- Add listener 'click' on polyline ?
- DrawingManager Displayed twice based on React-18 upgrade HOT 1
- Re-rendering google
- eventClick on marker get Zoom
- Recenter Map With Livewire HOT 3
- labelClass doesnt work
- Bad Method Call Exception - Method Illuminate\Foundation\Application::share does not exist.
- Laravel 10 HOT 4
- Laravel 11
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from googlmapper.