Hello TechyWebDev, I had my first encounter with your worldmap today. I find it amazing, and your tutorial very thorough, to say nothing of the source code available. It's mighty generous of you to share with the world. Thank you very much.
I tried following this tutorial as practice to make a United States version for different states, the main issues i came across while following this specific tutorial were the base SVG code that aren't OOP, they have svg class with names of places and not with a primary branch like "AllPaths" + svg.id . Another issue was onmouse client px adjustment, - 20 for each was too close so had to increase the distance otherwise it never registers the mouse as mouseonleave.
Hi TechyWebDev I found this video a very interesting and simple way for a maps related project, I have created a pull request for a small change that would highlight all parts of the country even if they are not connected like northen bits of Canda, try it out and merge it if you liked it. let me know your views.
I am getting this email and the names arent showing for the country, " Your recent request on Abstract failed because you tried to make more requests per second than your plan allows.
Your current Timezone API plan (Free) only supports 1 request per second."
@@HabiburRahman-od7dd First, I have to declare mouseout and mouseover outside of the function that needs mouse events. Then, I put them on the function like this : onEachFeature: function(feature, layer) { layer.on({ mouseout: highlightReset, mouseover: highlightFeature }); note : highlightReset and highlightFeature are the names of the functions for the mouse events
Nice Video. For my college class I have to do something similar in Angular. Does anyone know how similar would the coding structure be from this to angular?
hello , actually meri ek query thi , mujhe aisa hi ek map banana h but bo map mujhe text lable and pointable map banana h taki main use game ki tarh play karu to usme sari countries sequence wise point ho with name . can uou please tell me ki main aisi website ya map kese bana shakti hoon? ASAP reply
Hi dear, l really like your video and very helpfully for me. But l have a question about country name, l want to write country name over the map(on the country location), but l can't writed can you show me, please?
Many people are asking for the source code. So here it is : github.com/jahid28/Other_JS_Projects/tree/main/WorldMapTime
Hello TechyWebDev, I had my first encounter with your worldmap today. I find it amazing, and your tutorial very thorough, to say nothing of the source code available. It's mighty generous of you to share with the world. Thank you very much.
It's available in the description
I tried following this tutorial as practice to make a United States version for different states, the main issues i came across while following this specific tutorial were the base SVG code that aren't OOP, they have svg class with names of places and not with a primary branch like "AllPaths" + svg.id . Another issue was onmouse client px adjustment, - 20 for each was too close so had to increase the distance otherwise it never registers the mouse as mouseonleave.
Thanks a lot, very instructive video
Nice explanation and good work
So Friggin COOL !!! 👁️👃👁️🙏
Many many thanks 👍👍👍👍
Hi TechyWebDev I found this video a very interesting and simple way for a maps related project, I have created a pull request for a small change that would highlight all parts of the country even if they are not connected like northen bits of Canda, try it out and merge it if you liked it. let me know your views.
Yes, I have already merged your pull request because it is a great feature to add to this project.
Very nice sir
Thanks bro..
This really helped
thanks for this video, help a lot!
Hello! thanks for this video, help a lot!
do you need professional Abstract to run this API?
I am getting this email and the names arent showing for the country,
" Your recent request on Abstract failed because you tried to make more requests per second than your plan allows.
Your current Timezone API plan (Free) only supports 1 request per second."
@@almighysanti3061 it is a limited time api, so you can request for few times in a day. For unlimited, you have to purchase the subscription
Hello! For now this image have no class allPaths... Can`t find original one (((
You have to write the class on your own,
Just find
Hello! Do you know how to use hover that use data in onEachFeature: function(feature, layer) instead of svg path like you showed in the video?
I didn't understand it, can you explain exactly what feature you want.
@@techywebdev It's okay now. I already solved the issue. Thank you tho!
Hi how did you sold that?
@@HabiburRahman-od7dd First, I have to declare mouseout and mouseover outside of the function that needs mouse events. Then, I put them on the function like this :
onEachFeature: function(feature, layer) {
layer.on({
mouseout: highlightReset,
mouseover: highlightFeature
});
note : highlightReset and highlightFeature are the names of the functions for the mouse events
I have and it doesn't work. is there anyway to have it work without pasting svg code to html?
I have the same problem
Nice Video. For my college class I have to do something similar in Angular. Does anyone know how similar would the coding structure be from this to angular?
Actually it will not be that difficult if you know how to control the click event as the main part is the svg
Thanks for the video. Is it also possible to create a map where you can select several different countries and have them labeled in a legend-like box?
how to replace all class name to "allPaths". and after replace what about the previous classes. should i have to fdelete them manually ?
hello , actually meri ek query thi , mujhe aisa hi ek map banana h but bo map mujhe text lable and pointable map banana h taki main use game ki tarh play karu to usme sari countries sequence wise point ho with name
.
can uou please tell me ki main aisi website ya map kese bana shakti hoon?
ASAP reply
thanks you, so help for me
hi can u tell how to do the same but for the GDP of countries instead of time. would be a great help. thanks
Yes it is easy, you just have to find an API for the gdp of all countries and replace that with the existing one.
Is the SVG file free/legal to use commercially?
hi thank you for the informative video but the time says undefined, can you help?
Hi dear, l really like your video and very helpfully for me. But l have a question about country name, l want to write country name over the map(on the country location), but l can't writed can you show me, please?
Do you want country name on top of page like the time or on the country itself
@@techywebdev hi bro, yes l want to show on the country but l can't do that, exactly l check many ways but l don't do that. Can you explain please.
@@techywebdev l was writed but country name showing behind the country area, l using z-index, position...
Tags but its not working
Thank you so much
Time = undefined undefined coming while running plz give solution
This may be due to the reason that API limit is exceeded.
So this problem solution
@@techywebdev so this problem solution ? Please tell
how to write the path ???????????????????????????????????????????????????????????????
Bro, current time is not showing.. It's showing that, time:undefined how.. Fast reply
Maybe your api request has reached the max limit, wait for some hours or a day and it will be fine.
Can u provide wholecode plz Asia's not working
Can u provide whole code plz it's not working
hii bro i need your help
Good job bro, JESUS IS COMING BACK VERY SOON; WATCH AND PREPARE
it shows the same time for every country
This problem also happened with me, but we have to create our own abstractapi ID and paste it in the URL but take care of the backtick sign.
India ka map toh sehi se pehele dikha de vai
India's map is wrong. Shame on you!!
many maps are wrong. don't take it so seriously