Easy-to-understand demo of Imagemap Message of LINE Messaging API [PHP] [Ruby] [Python]

It's fun is not it. LINE Bot. Since I often get questions related to Imagemap Message of LINE Messaging API, I created a service that allows you to understand the concept and source code in a browser.

Frequently Asked Questions

• Do I have to prepare 5 images in different sizes?
• How do you resize the image?
• What is BaseSize?
• Where are the coordinates (0, 0)?
• Doesn't it respond when I tap it?
• Even if I change the image, it is cached and does not change?

What I made

Generate the code to send and display the Imagemap by dragging. Languages are PHP, Ruby, Python.

An image like a shopping site is included by default. You can replace it with your favorite image.

Just as you can drag an image to create an area and set actions, playing with each setting will change the code below (PHP, Ruby, Python only) to one that defines coordinates and actions.

The code also includes a mechanism to resize and return one image, and a mechanism to prevent the image from being cached. If you have an account on Heroku, deploy it from Github and put your bot's in the environment variable and it should work.

What you are using

PHP

• Silex
• GD

Ruby

• Sinatra
• mini_magick

Python

• Flask
• Pillow

Mostly plagiarism from the sample code of LINE Bot SDK. Thank you very much.

Github

Github for each language project is here.

Caution

You can resize it, but it goes without saying that it's best to have a static image.