Want to create custom google map with customize option from tiddlers

[Deepak Kumar]

Hi, I am new to tiddlywiki. I cannot able to customize tiddlywiki.

My requirement is that i want to create a customize google map with custom tiddlers. i get all the data from tiddlers and display marker so on map with drag and drop feature. Can this be achievable?

[Jed Carty]

Since google maps has a javascript api it should be possible. It looks like it wouldn't be too hard to do. The biggest problem would be making sure everything updates when you change the map. It may require two-way communication between the wiki and the script, you would interact with the map which updates its properties and then you would have to take those properties and use them to update the tiddlers where you store the information. Triggering this and making the maps load correctly when you open a tiddler would probably be the hardest part. I made some plugins that add different commenting systems to tiddlywiki and for most of them they will only render if the tiddler with the comment thread is open when the wiki is loaded.

To start you put the script in a tiddler and tag it with $:/tags/RawMarkup that will put the script in the html of your wiki. After that you may be able to just put the code in a tiddler and have it work, but you will probably have to make a javascrpt widget or macro for it.
I mean this script:

<script async defer
src="https://maps.googleapis.com/maps/api/js?key=API_KEY&callback=initMap">
</script>