Resizable canvas sprite placement

I'm making a strategy game. I need sprites (which represent cities/locations) on the world map canvas to show up in the same place over the background map on the canvas when the canvas is resized for a tablet.
Does anyone have any ideas how I can do this?

The pictures below illustrate the problem I'm having.

Use percentages of Canvas Height and Width to place your cities.

How would I do that?

What kind of table have you set up to record the locations of your cities?
Show us.

I don't have one. I just dragged and dropped them. I'm not really sure how either.

Why not just draw them on the background map?

They wouldn't be interactive.

Try changing Screen1 Sizing from Responsive to Fixed.

That might stop pixel counts from changing on different devices.