Skip to main content

Embedded Maps in Websites

Embedded Maps in Websites

A client has reached out to the Web design team to see if we could create a interactive map for his construction company. He would like a map the could zoom in and out along with added pins where he had done work for people. Finally, he said he would like to be able to hover over, or click on the pin to make a tiny box pop up that gives a description of the work that had been done and a review from the customer. He gave the example of  zillow.com as something that he was shooting for ( image to the left). In this case, Zillow had embedded a bing map into their site and had separate codes for the different points. I think that it might be possible that they used the info from people who have accounts to enter in all the addresses.

I did some research for other sites that had done something similar. One example would be Walmart.com. In this website they had a find a store near you tab hat had a google map that had been embedded into the site. I could not find the code that tagged each Walmart, so I believe they had google use their information to tag all the Walmart's  location, hours, and services available. 

The other website that I found is Sprint.com. Sprint was unusual. in the sense that they were one of the only websites that I found that had created their own map, or at least as far as I can tell. They had codes for their zoom in and out button and had separate functions programmed in for each of their stores. Based on looks I would not consider this the best map, but observing the code for each and every function was pretty cool, however I do think it is a little unrealistic for this project and this client. Especially since he would like to be able to update the locations, and reviews himself.

With all of these limitations taken into consideration, I think that the easiest way to complete this website for this client would be a similar way to the way Zillow did it. A google map would be easy enough to link into a site, plus the client would be able to plug in his own data because he would have addresses available and he could ask them for review on his site also. Whether this is achievable or not, I'm not sure since I am still a very beginner web designer. However, this would be the route I would take to complete this website.

Comments

Post a Comment

Popular posts from this blog

Orthogonal Cube

  In illustrator we made orthogonal cubes. We watched a tutorial on Lynda.com to figure out how to make all of the sides equal. We had to copy and paste the three main lines and copied them several times to finish off the cube. Then we added color to the cube to give it depth/perception. The darker colors make it look farther behind and the lighter shades make it come forward. Then i rounded the edges of the cube so that way it did not have weird tails that lost the flow of the eye making it look 3D.  This was a challenge for me because there was so many steps to do to make it look accurate. However the end result was with it, because it looked really awesome and it's cool to say that I made this from scratch.

Senior Project Final

I have finally finished my magazine. 1 front cover, 3 articles, 3 visuals, and 1 back cover. I did it. I am super proud of myself for all that I accomplished. I finally made something that represents not only my creativity, but also what I believe in. This project has also given me the confidence to know that I can start something from the sketches all the way to the final file, and have every single word and design come from me. I am so thankful that I trusted my gut and chose this as my final project. But most of all, I am glad that I learned that it is okay to use your experiences to influence your creative work.

Motif and Repeating Pattern

Motif and  Repeating Pattern      These are my two repeating patterns that i made for graphic design. A motif radiates from a center point while a repeating pattern can continue if you connect the two ends.        The scope of he project was to crete our own original patterns after we had done some tutorials and learned the skills. We also all voted on colors to use so that they had some form of uniformity. That taught me how to use the color books with a specific number to find the exact same shade as everyone else.        The day after I made my repeating pattern I went to the gas station and saw the same pattern in black on a door matt! I thought it was quite funny. It just showed me how patterns are just     used everywhere and that made me giggle.         I learned a lot during this project especially when i learned that making mistakes is sometimes good and thats how my moti...