Google Maps & Adding Piskel From URL

This year a student found a free pixel art creator, Piskel. This has become all the rage in my classroom. The students can create original art or create gifs based on their work. So when we started on our state reports, I had a few students ask if they could create their state flag using Piskel. Of course I said yes! Mind you, I have no idea how this Piskel thing actually works – downloading, saving, file types, etc.

Then came the time to insert the image on their map via the URL. Yeah, this took a bit to figure out. BUT Jason, a student, and I figured out a work-around. LOVE figuring this stuff out with the students. So this is what we did:

On the right side we chose the ‘Export’ icon.

Then downloaded it as a png file (it wasn’t a gif)

Next we opened up Google Draw – yup handy work-around – and inserted the png. We then published the Drawing, and grabbed the link (URL)

Publish to Web: Go to file > scroll down to Publish to Web. Then:

Choose Link > Blue publish button > Copy link (URL) to the clipboard (PC – Control C; Mac – Command C)

Now in your map, locate the location you’d like to insert the image and choose ‘Image URL’. Next, paste (PC – Control V; Mac – Command V). Finally, choose the blue ‘Select’ button.

And that’s it! Collaborating with students can be VERY satisfying! Here’s the final product:

Thank you Jason & Andrew for allowing me to collaborate with you, and use your work.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s