How to use Google Map in Collapsible Accordion.

Question

https://code.sololearn.com/Wq3hJ4KWWbsw/?ref=app

Answer 1

Ok I solved your problem please check this code

more simple with css

https://code.sololearn.com/WIwz3Zu5jyj8

Answer 2

i checked the code and saw that it is still giving error thats why i tried more and figured out.

i am glad you made it too🖒

btw i really like your code and shared with credit with your name

Answer 3

that css and jquery sample was so nice and very simple thanks for the idea and design , great work and idea Sami.

Answer 4

any time , we are community; we should help it is much enjoyable :)

Answer 5

you need to get api key and uae that key

Answer 6

i see that goole maps loaded

Answer 7

OK I found the problem ; lol it took me a long time to find where is the problem. and I solved it with old-school way. Your problem is not with the google api or code it was CSS you linked. Just saving your time searching solutions I just share the problem now but I will share solution very soon :D

Answer 8

oh actually ithe above code is just piece of code.. am working on another code.. so i caught the code and placed to get my problem resolved.. and now check the code i have made changes to it too..

Answer 9

thanks to you buddy.. you spend your time on my problem.. 😊

Answer 10

sami please check my code , i figured something you may like about markers

Answer 11

cant you see the second marker ?

Answer 12

ok i fixed the problem :)) it was in google drive i moved to live server

Answer 13

and saved it :)

Answer 14

thank you so much.. i have already resolved it..

Answer 15

am unable to see the icon...

Answer 16

nopes..

Answer 17

yeahh!! That's Cool..
one more thing we can even style the map..a nd chamge its stufs like parks buildings road color and images too

Answer 18

i have the api, it is in the code..
this code works fine when i use it directly.. instead of using accordion.

Answer 19

ya but its not displaying the content