# Make a timezone app

**URL:** <https://community.thunkable.com/t/make-a-timezone-app/1007243>\
**Category:** Questions about Thunkable X\
**Created:** [November 29, 2020, 4:59pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243 "2020-11-29T16:59:50Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![haiflosse](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@haiflosse](https://community.thunkable.com/u/haiflosse)\
**Post date:** [November 29, 2020, 4:59pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/1 "2020-11-29T16:59:50Z")

</div>

Hi!  
I want to make a timezoneapp.  
Therefore I try to use the canvac object and insert there a worldmap.  
But when I start my app on a phone I will never see the map.  
Hope somebody can help me there.  
Here my project: [https://x.thunkable.com/copy/d5a5d9d43c713712def035aba19d6dc9](https://x.thunkable.com/copy/d5a5d9d43c713712def035aba19d6dc9)  
kindly regards

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [November 29, 2020, 11:31pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/2 "2020-11-29T23:31:28Z")

</div>

When I Live Test it in Chrome on a Mac, I see the map:

 ![Screen Shot 2020-11-29 at 3.33.09 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/3/230302dff8b765be39686925c2317e04a14009d1.jpeg)

When I Live Test it in Thunkable Live on my iPhone 11, the screen is blank and the map does not appear.

Your question is really about a sprite’s background picture not showing up on the stage. Technically, the problem has nothing to do with maps or timezones.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [November 29, 2020, 11:41pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/3 "2020-11-29T23:41:34Z")

</div>

Here’s the weird thing:

I created a new screen and added a canvas and gave the sprite the same image as a background and now it shows up (Screen2) on my phone. I don’t see any difference between the screen, canvas or sprite properties. 🤷

> **[Thunkable](https://x.thunkable.com/copy/6f07800c8b41b2f1d1587d9111255b55)**

---

<div class="post-metadata">

**Author:** ![haiflosse](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@haiflosse](https://community.thunkable.com/u/haiflosse)\
**Post date:** [November 30, 2020, 10:48pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/4 "2020-11-30T22:48:09Z")

</div>

Thanks for the answer.  
I notice when I select scrollable in screen the map will disappear.  
I want to use a big map which I can move from left to right to see the map clear and then I want to touch any point on the map to get the local date and time.  
Hope somebody can still help me how I can solve this.  
kindly regards

---

<div class="post-metadata">

**Author:** ![haiflosse](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@haiflosse](https://community.thunkable.com/u/haiflosse)\
**Post date:** [December 19, 2020, 8:29pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/5 "2020-12-19T20:29:20Z")

</div>

Hi!  
I want ask again if someone can help me here again.  
kindly regards

---

<div class="post-metadata">

**Author:** ![drted](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/drted/32/92694_2.png) [@drted](https://community.thunkable.com/u/drted)\
**Post date:** [December 19, 2020, 10:50pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/6 "2020-12-19T22:50:37Z")

</div>

Check out this post. I think the problem is the height property.

> [@The map component stopped working](http://community.thunkable.com/t/the-map-component-stopped-working/1023092/9):
>
> @Vaiper_watafai , I just ran into a similar problem and I think I have a solution. I think it may be a Thunkable Height issue, rather than a problem with the Google API. I created an app to illustrate the problem. [https://x.thunkable.com/copy/4e2548820f847693d87746cf78efaad8](https://x.thunkable.com/copy/4e2548820f847693d87746cf78efaad8) On the screen there are 3 columns, each with a map inside. The first column is set to height Fit Contents, the second is fill container, and the third is an absolute height. When I view the app on my android …

I wonder if the Canvas component has the same problem as the Map component.

Happy Thunking!

---

<div class="post-metadata">

**Author:** ![haiflosse](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@haiflosse](https://community.thunkable.com/u/haiflosse)\
**Post date:** [January 9, 2021, 8:04pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/7 "2021-01-09T20:04:37Z")

</div>

Hi!  
Thanks for your answer.  
I find now possible settings for the map but how can I drag the map to the right and left so the map will stop on the right or left side.  
When I drag the map to one side it will jump always back to the middle.  
hope someone can help me here again.  
Here my project link: [Thunkable](https://x.thunkable.com/projects/5fc3c92c6ee47337566da477/e6d0686c-f2ec-48c7-9c7b-602ec5d2a3b0/canvas)  
kindly regards

---

<div class="post-metadata">

**Author:** ![eko.devs.apploroceo](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eko.devs.apploroceo/32/93147_2.png) [@eko.devs.apploroceo](https://community.thunkable.com/u/eko.devs.apploroceo)\
**Post date:** [January 10, 2021, 5:17am UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/8 "2021-01-10T05:17:48Z")

</div>

u did nthing

---

<div class="post-metadata">

**Author:** ![haiflosse](https://avatars.discourse-cdn.com/v4/letter/h/7993a0/32.png) [@haiflosse](https://community.thunkable.com/u/haiflosse)\
**Post date:** [January 10, 2021, 7:56am UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/9 "2021-01-10T07:56:21Z")

</div>

Thanks for the answer.  
I don’t know what you mean.  
I have changed the settings and now I will see the map on my screen when I start the app.  
But how can I scroll the map to the right or left side?  
Kindly regards

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 12:19pm UTC](https://community.thunkable.com/t/make-a-timezone-app/1007243/10 "2024-11-08T12:19:34Z")

</div>


