MvcMaps - Unified Bing/Google Mapping API for ASP.NET MVC

New Post: Add pushpins via javascript

NicoMijoch — Sat, 15 Jun 2013 17:52:17 GMT

You can add the following sentence to the GoogleMap.js below the "load" function and you'll have a marker any time that you click in the Map.

GEvent.addListener(map, "click", function (marcador, punto) {
                // Crear el nuevo marcador y mostrar sus coordenadas
                var opts = {
                    title: "New Marker by click"
                };
                var nuevoMarcador = new GMarker(punto,opts);
                GEvent.addListener(nuevoMarcador, "click", function () {
                    this.openInfoWindowHtml("Lat: " + this.getPoint().lat() + "<br/>Lon: " + this.getPoint().lng());
                });
                map.addOverlay(nuevoMarcador);
            });

The thing is that I want enable and disable this functionality depending of the Page where I'm render. Do you know how to do it? Anyone else could help me?

Commented Issue: Maps don't load when globalization culture uses 'comma' as decimal separator [4774]

NicoMijoch — Sun, 02 Jun 2013 19:36:02 GMT

If you set the globalization culture of the web application to one which uses 'comma' as a decimal separator, the JS code gets rendered incorrectly for numeric values.

To reproduce the error, add <globalization culture="es-AR" /> to the web.config and open the home page of the InteractiveSDKwebsite.

I believe the problem can be solved by updating the Render method of the JsonObjectBuilder class.

Thanks for the great app. Hope this helps.
Comments: ** Comment from web user: NicoMijoch **

Also you need to correct the Shapes pages.

The Polygon.cs needs to fix the follwing code:

```
if (this.LineOpacity.HasValue)
{
json.Append("lineopacity", this.LineOpacity.Value.ToString(System.Globalization.CultureInfo.InvariantCulture));
}
// Some funtions below

if (this.FillOpacity.HasValue)
{
json.Append("fillopacity", this.FillOpacity.Value.ToString(System.Globalization.CultureInfo.InvariantCulture));
}
```
The Polyline.cs needs to fix the follwing code:

```
if (this.LineOpacity.HasValue)
{
json.Append("lineopacity", this.LineOpacity.Value.ToString(System.Globalization.CultureInfo.InvariantCulture));
}
```

Commented Issue: Ambiguous match found. [10669]

yaqubonnet — Thu, 14 Mar 2013 09:42:13 GMT

I am getting an error in WebUtils.cs file in below mentioned code when I am trying to run the application.

Error Message :- Ambiguous match found
Line :- _getWebResourceUrlMethod = typeof(System.Web.Handlers.AssemblyResourceLoader).GetMethod(
"GetWebResourceUrlInternal",
BindingFlags.NonPublic | BindingFlags.Static);

please refer the attached img.

Thanks in Advance
Comments: ** Comment from web user: yaqubonnet **

I am experiencing the same issue.

Created Issue: Ambiguous match found. [10669]

moinsiddiqui — Mon, 17 Dec 2012 10:58:59 GMT

Source code checked in, #80132

Project Collection Service Accounts — Mon, 01 Oct 2012 21:49:39 GMT

Upgrade: New Version of LabDefaultTemplate.xaml. To upgrade your build definitions, please visit the following link: http://go.microsoft.com/fwlink/?LinkId=254563

Source code checked in, #80131

Project Collection Service Accounts — Mon, 01 Oct 2012 21:43:10 GMT

Checked in by server upgrade

Updated Wiki: Home

crpietschmann — Fri, 04 May 2012 14:20:06 GMT

Project Description
A single unified API for both Bing Maps and Google Maps JavaScript development within ASP.NET MVC.

Articles/Tutorials:

MvcMaps Preview 1 - A Unified Bing/Google Maps API for ASP.NET MVC

Basic Map

<script type='text/javascript'>
.BingMap { width: 600px; height: 400px; border: solid 1px black; }
</script>

<% Ajax.BingMap()     // Create a Bing Map
    .CssClass("BingMap") // Define the CSS Style to use. These specify the Maps Size
    .Render();           // Render all the HTML / JavaScript necessary to create the Map to Server.Response
    %>

An "Interactive SDK" with many more sample usages is included with the source code download available at the link on the right side of this page.

Prerequisites

MvcMaps can only be implemented within an ASP.NET MVC Web Application Project, and has the following requirements:

ASP.NET 3.5 or later
ASP.NET MVC 1.0 or later
jQuery Library v1.3.2 or later

If you are looking for a control to simplify Bing Maps mapping development within an ASP.NET WebForms Application, go check out Web.Maps.VE from Simplovation.

Before you can add Maps to your ASP.NET MVC Views, you must first Add a Reference to the "MvcMaps.dll" to your ASP.NET MVC Web Application Project. Then, you must also Import it's namespace into each View, as below:

<%@ Import Namespace="MvcMaps" %>

Alternatively to Importing the Namespace within every View/Page, you can add it to the Web.Config to be included within All Views/Pages:

 <pages>
    <namespaces>
        <add namespace="MvcMaps" />
    </namespaces>
</pages>

Contributors

This project is maintained by Chris Pietschmann. He is a Microsoft MVP for Bing Maps, a Co-Founder of Carto LLC, and the Owner of Simplovation LLC a software development consulting company that specializes in Mapping/GIS related application development.

New Post: Add pushpins via javascript

rprabhuit — Thu, 12 Apr 2012 05:37:26 GMT

bckspc wrote:

Hi all!

Is it possible to add / remove pushpins via javascript?

If not, this would be a great functionality to add. :)

Keep up this excellent code!

Hi, Are you got Solution to this discussion?. If yes, Please give me the details!

New Post: Add pushpin using Javascript

rprabhuit — Thu, 12 Apr 2012 05:29:26 GMT

how to add pushpin to google map using javascript?

Updated Wiki: Home

crpietschmann — Tue, 06 Mar 2012 13:30:56 GMT

Project Description
A single unified API for both Bing Maps and Google Maps JavaScript development within ASP.NET MVC.

Articles/Tutorials:

MvcMaps Preview 1 - A Unified Bing/Google Maps API for ASP.NET MVC

Basic Map

<script type='text/javascript'>
.BingMap { width: 600px; height: 400px; border: solid 1px black; }
</script>

<% Ajax.BingMap()     // Create a Bing Map
    .CssClass("BingMap") // Define the CSS Style to use. These specify the Maps Size
    .Render();           // Render all the HTML / JavaScript necessary to create the Map to Server.Response
    %>

An "Interactive SDK" with many more sample usages is included with the source code download available at the link on the right side of this page.

Prerequisites

MvcMaps can only be implemented within an ASP.NET MVC Web Application Project, and has the following requirements:

ASP.NET 3.5 or later
ASP.NET MVC 1.0 or later
jQuery Library v1.3.2 or later

<%@ Import Namespace="MvcMaps" %>

Alternatively to Importing the Namespace within every View/Page, you can add it to the Web.Config to be included within All Views/Pages:

 <pages>
    <namespaces>
        <add namespace="MvcMaps" />
    </namespaces>
</pages>

Contributors

Chris Pietschmann - Chris is a Microsoft MVP for Bing Maps, and the Owner of Simplovation LLC a software development consulting company that specializes in Mapping/GIS related application development. You can view Chris' blog at http://pietschsoft.com

New Post: Tutorial needed

samarmir — Tue, 28 Feb 2012 21:26:27 GMT

Hi!

You have done a great job, and thanks for that :)

I'm in a situation where I will be working with both Bing and Google maps. So this project suits my needs to fine.

However I'm not sure I have understood how to use it. I have read what you have written, however I'm still unsure.

Would you be making some kind of tutorial on how to get started with this project. I mean something like the nerd dinner tutorial.

thanks.

New Post: Address Lookup?

candiceslegacy — Mon, 06 Feb 2012 21:08:42 GMT

Hey...did you ever get an answer back on this one??...I would like to know the where the Bing keys get added too! Thanks for sharing!!

__________________________________

http://www.legacylegal.com/info_improvemycreditscore.asp

Created Issue: Maps don't paint the pushpin when i load a model with a property as a IEnumerable [9725]

Mocolete — Fri, 16 Dec 2011 16:38:44 GMT

I render my map this way:

Html.RenderPartial("MapDisplay", new ViewDataDictionary()
{
{
"Bing", Ajax.BingMap()
.CssClass("BingMap")
.AddPushpin(Model.Positions)
}
});

And "Model.Positions" is a "public IEnumerable<Pushpin> Positions { get; set; }" propertie from the model...

What can i do to show a pushpin list? Exist another way to do that? Anybody can help me?

Thanks people!

New Post: Add marker to mvcmap

jeneral — Mon, 19 Sep 2011 19:09:01 GMT

@crpietschmann how about adding a pushpin by clicking directly on the map, is it possible using the API

New Post: ASP.NET MVC3 and Razor

fabze — Tue, 06 Sep 2011 03:29:18 GMT

abhikchowdhury

I've since abandoned MvcMaps and am currently working with the Bing Maps api directly.

It's quite easy to use but there are major differences between versions 6 and 7 so you have to be mindful of that when you are reading through code samples and examples.

With v7, even though it is lightweight, I found it more verbose to add popup boxes to pins and get things to align up the way I wanted them to so I currently am using v6.

Google maps api is also easy to use and the roof top accuracy of the returned location from an address query is amazing.

Sorry I couldn't help you out.

New Post: needed change for ASP.NET MVC3

jeneral — Sun, 04 Sep 2011 13:07:09 GMT

Credit where its due. Thanks a lot. Worked for me

New Post: ASP.NET MVC3 and Razor

abhikchowdhury — Thu, 01 Sep 2011 21:12:27 GMT

fabze - I am facing the same issue as drazic19 and moving the @using MvcMaps statement to the top of the View page doesn't solve the problem for me. Any idea why it may have worked for you?

drazic19 - did this work for you?

New Post: ASP.NET MVC3 and Razor

fabze — Mon, 08 Aug 2011 10:05:46 GMT

drazic19 - I had the same issue but then I moved the @using MvcMaps; statement to the top so that it is the first statement of the page.

chur - chur chur brother. The directions that CtrlAltDel gave address this problem perfectly. Go to the JsonObjectBuilder In the Utils directory of the MvcMaps project and replace what you find on line 61 with:

sb.Append(string.Format("\"{0}\":{1}", val.Key, strVal));

New Post: ASP.NET MVC3 and Razor

chur — Sat, 06 Aug 2011 13:52:06 GMT

I still can't seem to get DynamicMap working. Anyone got any ideas? I'm using MVC 3 Razor and jQuery 1.5.1

My Razor code is as follows

@{Ajax
    .BingMap()
    .CssClass("BingMap")
    .Center(-27.2271500523225, 153.011671421674)
    .Zoom(16)
    .MapType(MapType.Aerial)
    //.AddPushpin(new Pushpin(-27.2271500523225, 153.011671421674))
    .DynamicMap(new { controller = "Round", action = "ShotsPushpins" })
    .Render();}

And my controller code:

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult ShotsPushpins(double minLat, double maxLat, double minLng, double maxLng)
{
      var shots = from s in db.Shots select s;
      List<MvcMaps.Pushpin> ps = new List<Pushpin>();

      foreach (Shot s in shots)
      {
          Pushpin p = new Pushpin(s.StartLat, s.StartLong);
          ps.Add(p);
      }
      return new MapDataResult()
      {
          Pushpins = ps
      };
}

New Post: Can not make it work .Can You help?

brix — Tue, 21 Jun 2011 12:35:06 GMT

Hi all,

I have an asp.net mvc3 project using jquery 1.5.1.js. I have followed the instructions but I get an error.

Has anybody got a noddy example that works with the jquery version that ships with vs2010.

thanks a lot