Google Maps in MVC 4 with Custom InfoWindow

See the original posting on DZone Python

Introduction

I was recently investigating using Google Maps in a web-application and couldn’t find a clear example that showed how to do it with MVC 4. Hopefully, this article fills that gap! Technologies used include MS C#, MVC 4, jQuery, and of course the Google Maps API.

Background

There were some "gotchas" I encountered while putting this together. The first is that (at least for me), using a jQuery selector to link my div that would contain the Google map didn’t work. I had to specifically use the JavaScript document.getelementById call. The second was sizing. Using the default size (which was teeny weenie) wasn’t cutting it for me, so I increased width/height. Turns out Google Maps didn’t like that too much. After a bit of digging I found a post that said to create a quick in-page style that set the max-width to "none"; then it worked.