Comments (8)
Hi,
You should be able to achieve this, with somehting along the lines of:
google.maps.event.addListener(maps[0].map, 'click', function(event) {
var marker = new google.maps.Marker({
position: event.latLng,
map: map
});
});
from googlmapper.
Yes, this was the solution.
But, if you just add this in the end of the blade file, you will get 'map not defined', because the map is not loaded it.
So, what I did was:
google.maps.event.addDomListener(window, 'load', new function() {
setTimeout(function () {
google.maps.event.addListener(maps[0].map, 'click', function(event) {
maps[0].markers[0].setPosition(event.latLng);
});
}, 500);
});
Where I also add my code to the load of the google maps and wait just half second to be sure that the main load (the one from GoogImapper) is finished.
Also, I'm moving the existent marker in instead of just create a new one.
Cheers,
Joao
from googlmapper.
Yeah, that is very true. There also now is two options for the map for before and after load events, introduced in version 2.8.0:
'eventBeforeLoad' and 'eventAfterLoad'
These can be used as follows:
Mapper::map(53.381128999999990000, -1.470085000000040000, ['eventBeforeLoad' => 'console.log("before load");']);
Mapper::map(53.381128999999990000, -1.470085000000040000, ['eventAfterLoad' => 'console.log("after load");']);
from googlmapper.
Weird.
I just following the explanations in the github to install the googImapper, but Apparently, I'm not using 2.8.0.
My line is:
Mapper::map($lat, $lng, ['zoom' => 12, 'draggable' => true, 'eventDrag' => 'newMarkerPosition(event);', 'eventAfterLoad' => 'eventAfterLoad(event);']);
But I also tried your code above, and nothing happens (EventDrag works).
Is there a way to check which version I'm using?
Cheers,
joao
from googlmapper.
Ok, for some reason, using the
"cornford/googlmapper": "2.*"
in composer.json
was getting the 2.7.0 version
When I explicit said:
"cornford/googlmapper": "2.8.0"
I got the latest version and the code worked. :)
Closing again.
from googlmapper.
Are you using the command 'composer update' to fetch the latest version?
from googlmapper.
yep
from googlmapper.
Very strange, composer should pull the latest minor version / bug fix version when using 1.* notation. Glad you got this to work!
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.