This is really a “proof of concept” idea I am trying to do in micro.blog, but as I believe I am correct in thinking micro.blog uses Hugo, the question is probably best raised here. Also, as I think this is probably a Go/javascript issue, having done this method successfully in Python and PHP based …

Give this a try: var marker = L.Marker([ {{ .Title | safeJS }} ], {icon: leafIcon} ).addTo(map).bindPopup('<a href="' + {{ .Permalink }} + '">{{ .Date.Format "2006-01-02" }}</a>');

.Page.Latitude should have the value for your frontmatter latitude value. Did you try that?

Hi, that throws the following error from micro.blog Theme error: Error building site: failed to render pages: render of "page" failed: "/hall_00979b/layouts/_default/single.html:71:32": execute of template failed: template: _default/single.html:71:32: executing "main" at <.Page.Latitude>: can't eval…

That appears to be forming the correct link, but is actually not showing on the map - inspecting the page I’m getting “undefined is not an object” …

Sorry, my bad, I forgot the “new” before L.Marker - works perfectly. Thanks zwbetz :+1:

Sorry, one more thing! You wouldn’t know why I’m getting the following link in my html would you(?), when using <a href="https://spotthehall.net/map/?{{ .Title }},16">{{ .Title }} <a href="https://spotthehall.net/map/?51.1441%2c0.37165,16">51.1441,0.37165 instead of <a href="ht…

Try {{ .Title | safeHTMLAttr }} The Go txt templates package has various limitations for security reasons. Hugo has a few functions that address these issues. Please have a look at the Docs about safeJS, safeHTML, safeHTMLAttr, safeCSS, htmlUnescape and htmlEscape

OK, thanks, I’ll have a look - all new to me!

Thanks, I’ll have a look - and Manton (micro.blog) is interested.

Thanks for all your help, awesome, safeURL worked for the links :grinning:

Pass Front Matter to create Map marker

support

zwbetz June 6, 2019, 6:29pm 10

Also, this is useful info to know: HTML comment handling regression between 0.55.6 and 0.54.0

Topic		Replies	Views
How to access front matter value added by Netlify CMS (Map widget) in Hugo? support netlify	12	865	September 12, 2023
How do I encode a URL in frontmatter? support	12	4364	January 29, 2016
Map with multiple markers from different .md files support shortcodes	4	125	November 21, 2024
Generating url from front matter in hugo template support	5	529	July 11, 2019
Html map inside markdown file support	5	2627	March 26, 2019

Pass Front Matter to create Map marker

Related topics