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.
Post a Comment
Read more

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.
Post a Comment
Read more

The Interveiw

       During this quarter of video I learned how to use Final Cut Pro and all the short cut keys that make is easier to use. Like command B is the blade tool and command I is import and command E is export. I also learned what the six shot system was and how to frame all of the six shots. The hardest ones to frame are the close up, extra closeup, and the over the shoulder shot.  I also learned how to work in a group and spread the work out evenly so that everyone has a fair amount of work so that everyone did a part so that the video got done by the due date. In the future I can use my group working skills in whatever strand I choose to go in because no matter what I do I will always have to work with people, and communicate my ideas and what I am envisioning in my head so that the people I am taking to can see what I am seeing.   
Post a Comment
Read more