Embedding a google map

jordanjay29

brian85 It doesn't appear that FOF Formatting (which utilizes the s9e text formatter plugin) supports Waze. Or Google Maps for that matter. At least according to the repo.

jordanjay29

jordanjay29 It is enabled here, though, so you could try with just the normal share link, and not the embed code.

datitisev

jordanjay29 Yeah, there's no mention to Waze or Google Maps anywhere.

brian85

jordanjay29 mal share link, and not the embed code.

Nope, it's not working ☹️

brian85

datitisev Hello do you know how I could extend this in order to embed google maps and/or Waze is there a documentation in order to do this myself ?
This feature is really really important for many hobbies like motorcycle, bicycle, races, running, trek and many many other things.
Thanks for your help.

datitisev

brian85 You can add your own, by following the examples found @ https://s9etextformatter.readthedocs.io/Plugins/MediaEmbed/Add_custom/.

Just the following part though, the rest of the code isn't necessary:


$configurator->MediaEmbed->add(
    'youtube',
    [
        'host'    => ['youtube.com', 'youtu.be'],
        'extract' => [
            "!youtube\\.com/watch\\?v=(?'id'[-0-9A-Z_a-z]+)!",
            "!youtu\\.be/(?'id'[-0-9A-Z_a-z]+)!"
        ],
        'iframe'  => [
            'width'  => 560,
            'height' => 315,
            'src'    => 'http://www.youtube.com/embed/{@id}'
        ]
    ]
);

That would go in your forum's (or extension's, if you decide to make one) extend.php, from which the configurator can be accessed by listening the Configuring event (see here for an example, no need for the Frontend assets though unless you require them).

[deleted]

brian85 Doesn't that background image make the text difficult to read ? Also, that image would have to be loaded on every page increasing the actual load time ?

brian85

Thank you, sorry I'm totaly noob in Flarum, is it a new file ? where should I place it ?

brian85

ok it seems to be that ? => https://flarum.org/docs/extend/start.html#extenders

brian85

Ok now I got no error but it doesn't work I'm surely making some mistakes :

use Flarum\Extend;
use s9e\TextFormatter\Configurator;

return [
    // Register extenders here to customize your forum!
    (new Extend\Formatter)
        ->configure(function (Configurator $config) {

            $configurator = new s9e\TextFormatter\Configurator;

            $configurator->MediaEmbed->add(
                'ggmaps',
                [
                    'host'    => ['google.com'],
                    'extract' => [
                        "!google\\.com/maps/d/embed\\?mid=([-.&=0-9A-Z_a-z]+)!",
                        //"!youtube\\.com/watch\\?v=(?'id'[-0-9A-Z_a-z]+)!"
                    ],
                    'iframe'  => [
                        'width'  => 560,
                        'height' => 315,
                        'src'    => 'https://www.google.com/maps/d/embed?mid={@id}'
                    ]
                ]
            );
            // Get an instance of the parser and the renderer
            extract($configurator->finalize());

            $text = '[media]https://www.google.com/maps/d/embed?mid=-cEzsCAzTak[/media]';
            $xml  = $parser->parse($text);
            $html = $renderer->render($xml);

            echo $html;
        }),
];

I try to paste this https://www.google.com/maps/d/embed?mid=17Tr1RXRo-GFJ-lY4AaiQUOF22KkLV9ak&hl=fr
And it could work, there is no google's restrictions, here is the result by editing html in dev console :

I think it's a problem of regex that does not match... but the regex are really weird in the examples in documentation they failed in a regex online tester there is anything customized behind the scene, it's not a simple preg_match ?

brian85

Is there anybody have the experience extending the s9e\TextFormatter ?

datitisev

brian85 You'll need to clear the cache. First, however, perform the following changes. You only need the $configurator->MediaEmbed->add block, not the rest.

Rename Configurator $config to Configurator $configurator, and remove the following lines:

            $configurator = new s9e\TextFormatter\Configurator;

            // Get an instance of the parser and the renderer
            extract($configurator->finalize());

            $text = '[media]https://www.google.com/maps/d/embed?mid=-cEzsCAzTak[/media]';
            $xml  = $parser->parse($text);
            $html = $renderer->render($xml);

            echo $html;

brian85

Thank you it works after the cache clear sorry for my mistake with $config it's a closure off course ! It's juste THE feature I was hopping ! Many thanks !

ramazancicek

What file or folder should I create exactly? I wanted to do it manually with ftp.

JeromeGillard

Here's another one also implementing that feature, but using Openstreetmap since Google Maps now requires a credit card 💳 even for free tier.

https://discuss.flarum.org/d/31732-map-extension-display-a-map-a-gpx-or-a-geojson-file-in-a-post