Currently popups do not open when clicked when there is $marker['info'] provided.

I can submit a PR for this functionality if you think this enhancement would be useful.

Hi,

Does anyone have any ideas why the tiles are not fully loading? See screenshot below.

I'm using Bootstrap, but I cannot see where any conflicts are coming from. I've also added my Mapbox API key to my .env file. Using Google works OK but I need multiple instances of the map so I need to use the Leaflet option.

I really love this package as it has made the process of displaying maps and coordinates super easy.

Thank you so much for putting in the time to build this!

I do have one request for improving the functionality. Currently on both map types you are essentially hardcoding in the height which is making it a bit more difficult to use with css frameworks such as bootstrap and tailwindcss.

This would be something that I could easily change if the views were published out in the same way that the config file is.

Would you consider changing uncommenting the following lines in LaravelMapsServiceProvider.php

...
// Publishing the views.
$this->publishes([
      __DIR__.'/../resources/views' => resource_path('views/vendor/maps'), // changed Laravel-maps to map since that is the value provided in loadViewsFrom
], 'views');
...

I have done a bit of digging in Laravel's package development documentation and noticed that when using $this->loadViewsFrom it will look in two places. The first of which is the views folder within the package and the second is the views/vendor folder within the resources directory.

When you use the loadViewsFrom method, Laravel actually registers two locations for your views: the application's resources/views/vendor directory and the directory you specify. So, using the courier package as an example, Laravel will first check if a custom version of the view has been placed in the resources/views/vendor/courier directory by the developer.

This would allow any other developers to make minor changes to the view without much effort.

Here is the documentation that I was reading by the way.

https://laravel.com/docs/9.x/packages#overriding-package-views

If you would like I can also test this and submit a PR if you would like, please just let me know in the comments on this issue and I can help as needed.

When using the blade components there is some CSS making the map take up the entire height of the viewport. I have placed the following bit of CSS in my app.css:

#defaultMapId {
    height: 100% !important;
}

This obviously fixes the issue but I was wondering if there's a better way of configuring this? Maybe (probably) I'm missing something. 🧐

PS: I can already see this package saving me a bunch of time in the future!

I know blade tags dont have to use the {{ and }} to pass data

https://github.com/LarsWiegers/laravel-maps/issues/6

Currently, there's no way to add markers dynamically. For instance, I query the DB and get an array of coordinates. Currently you cannot loop through each location to place a marker on a single map (not multiple maps).

May be there's a way but I can't find it.

Hi Lars, this is a great package!! In one of my projects i need InfoWindow and custom icons on Google Map. I've added this ability to blade template. Hope is useful and you accept PR Thanks for your work

Hello and thank you very much for the effort you put in this package. I am trying to implement the map in the following scenario. A specific user interaction makes an ajax call to a route. From there the controller handles the request by returning a small blade with some information. The controller is using the return view() to send back the blade. Inside this blade I have the . When the ajax request returns, javascript handles it by applying the blade to a div element.

When doing this, the map is not rendered.

I notice that if the is rendered onpageload , it pushes some scripts to html . But if the is being rendered afterwards through ajax, the snippets are not pushed to

Am I approaching this the wrong way? Do you have any suggestions on how to initialize the map asynchronously maybe?

Thank you for your time.

When I attempt to use laravel-maps within a wire-elements modal I get the following error.

@LarsWiegers do you have any recommendations for how to address this? I am currently just using one of the examples from the readme for testing purposes.

<div class="bg-white overflow-hidden shadow rounded-lg divide-y divide-gray-200">
    <div class="px-4 py-5 sm:p-6">
        <x-maps-leaflet :centerPoint="['lat' => 52.16, 'long' => 5]"></x-maps-leaflet>
    </div>
</div>

The above html code is a part of the following livewire component that has the attached class.

<?php

namespace App\Http\Livewire\Modals;

use LivewireUI\Modal\ModalComponent;

class ViewMap extends ModalComponent
{
    public function render()
    {
        return view('livewire.modals.view-map');
    }
}

I am able to use this component when not including it in a wire-element/modal but I am unsure why I get this error when attempting to load the map within the modal.

Unhandled Promise Rejection: ReferenceError: Can't find variable: L

Hi! What do I need to declare in the view to change the tile host? <x-maps-leaflet :tileHost="'http://c.tile.stamen.com/toner-labels/{z}/{x}/{y}.png'" :centerPoint="['lat' => $hotel->latitude-0.8, 'long' => $hotel->longitude]" :zoomLevel="9" :markers="[['lat' => $hotel->latitude, 'long' => $hotel->longitude]]"> This is what I'm doing at the moment, but all I get is a grey box.

Thanks!

Hey Lars,

Thanks for trying to update gonoware/laravel-maps to PHP8 and for creating this repository. I'm currently trying to update one of my Laravel instances from version 8 to 9 and was forced away from gonoware/laravel-maps since there hasn't been any activity from the owner for over a year.

After a bit of puzzling, I found that $markers[lng] in this repository has been changed to $markers[long]. However, I still haven't figured out if it is possible to hook into the Leaflet Map via Javascript events as it was possible in gonoware/laravel-maps. See this section of the readme for a reference.

Is this something I have to look for in Leaflet.JS or does your code have possibilities for this as well? Thanks in advance!

PS. Would you like me to create a Pull request for a little documentation for the migration from gonoware/laravel-maps to your repository? Or don't you think that's necessary?

When including the component inside a livewire component with an @if tag, the component throws a Uncaught (in promise) ReferenceError: L is not defined in the console and fails to render the rest of the page.

It works inside the livewire component if not inside an @if tag.

I'm guessing this has to do with the order the scripts are loaded? Any help would be hugely appreciated. Thanks!