Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

  • Levente Kosa 136 posts 352 karma points
    Sep 18, 2019 @ 22:48
    Levente Kosa

    Our.Umbraco.GMaps package example


    Does anybody know how to use this package (

    I have this code, but I only receive Our.Umbraco.GMaps.Models.GmapsModel result for @gmap. Just try to show the location of the marker.

    My code so far:

    @inherits Umbraco.Web.Mvc.UmbracoViewPage
       var locations = Model.Root().Children.Where(x => x.IsDocumentType("homepage")).FirstOrDefault();
        foreach (var location in locations)
            var gmap = location.Value("location");
  • Shaishav Karnani from 353 posts 1637 karma points
    Sep 19, 2019 @ 00:41
    Shaishav Karnani from

    Hi Levente,

    I have checked on the developer source code and it mentions as below.

    @using Our.Umbraco.GMaps.Extensions


    Please try.

    Hope it helps to solve the issue.



  • Levente Kosa 136 posts 352 karma points
    Sep 19, 2019 @ 05:56
    Levente Kosa

    Hi Shaishav,

    Thank you for have a look at it for me. I tried and I got this error for @Html.RenderMapScripts(location.Value("location"))

    Argument 2: cannot convert from 'object' to 'Our.Umbraco.GMaps.Models.GmapsModel'

    Do you know what can be the problem?

  • Shaishav Karnani from 353 posts 1637 karma points
    Sep 19, 2019 @ 08:19
    Shaishav Karnani from

    Can you try this instead please?

  • Levente Kosa 136 posts 352 karma points
    Sep 19, 2019 @ 08:32
    Levente Kosa

    If you mean like this:

    var gmap = location.Value<Our.Umbraco.GMaps.Models.GmapsModel>("location");

    The result is <div>Our.Umbraco.GMaps.Models.GmapsModel</div>

    If you mean like this:

    var gmap = Html.RenderMapScripts(development.Value<Our.Umbraco.GMaps.Models.GmapsModel>("location"));

    I got an error saying:

    The model item passed into the dictionary is of type 'Umbraco.Web.PublishedModels.DevelopmentLanding', but this dictionary requires a model item of type 'Our.Umbraco.GMaps.Models.GmapsModel'.
  • Levente Kosa 136 posts 352 karma points
    Sep 21, 2019 @ 15:36
    Levente Kosa

    Thanks a lot Shaishav! This worked

  • Isaiah Pellarp 19 posts 71 karma points
    Sep 23, 2021 @ 10:28
    Isaiah Pellarp

    Could you let us know what exactly worked? Because your previous reply was stating that solution was giving you an error.

  • Lukaz 35 posts 192 karma points
    Sep 19, 2019 @ 13:03

    First in Settings -> Data types -> Google Maps Umbraco 8 -> Enter Google API Key, check other setting as well and Save.

    in your template add:

    @using Our.Umbraco.GMaps.Extensions
        @Html.Partial("Our.Umbraco.GMaps/MapScripts", Model.Value("location"))  

    I also have done some changes to Our.Umbraco.GMaps/MapScripts.cshtml partial view as I was getting some errors regarding mapStyles, and wasn't satisfied how marker pin wasn't centered after applaying lat and lng of the location.

    Here is my code of modified partial view:

    @using Newtonsoft.Json
    @model Our.Umbraco.GMaps.Models.GmapsModel
    @if (Model.Address != null && Model.MapConfig != null)
        <div id="map" style="width: 100%; min-height: 400px;"></div>
            // Initialize and add the map
            function initMap() {
                // The location of the chosen point
                var markerPosition = new google.maps.LatLng(@(Model.Address.Coordinates));
                var map = new google.maps.Map(document.getElementById('map'),
                    { zoom: 16, center: new google.maps.LatLng(@(Model.Address.Coordinates)) } );
                // The marker, positioned at the chosen point
                var marker = new google.maps.Marker({ position: markerPosition, map: map });
        <script async defer src="[email protected]&callback=initMap"></script>

    Hope this helps, works for me. :)

  • Levente Kosa 136 posts 352 karma points
    Sep 19, 2019 @ 13:28
    Levente Kosa

    Thanks for the response.

    My settings are fine and saved.

    The problem is I think that I need to add other data to the map, so I need to inherit with @inherits Umbraco.Web.Mvc.UmbracoViewPage And with @model Our.Umbraco.GMaps.Models.GmapsModel it doesn't work.

    What I need is to loop through some pages and grab the coordinates from the map which has location alias to show all the markers. After I can handle the map myself. I hope it's clear how I explained.

  • Simon Czerwinski 14 posts 107 karma points
    Mar 20, 2020 @ 10:56
    Simon Czerwinski


    Do anyone of you got problem to get the value of the City when using the marker?

    If I search for the city in the searchfield, I get the value with no problem. But when I use the marker to place the location so the coordinates displays in the searchfield, the City is null. enter image description here

    Here is my debugg result: (Ignore the different coordinates in the printscreens, I managed to touch the mark after the debuggresult)

    enter image description here

    Best regards,


  • Helge Norvang 1 post 71 karma points
    Feb 12, 2021 @ 08:47
    Helge Norvang

    I'm new to this package and I'm experiencing a very similar thing Simon. I'm listing companies and showing their address (Gmaps). Out of 5, I get the correct city on one of them. The rest have a blank string value (not null as you're getting).

    I'm trying out various ways of registering the location (search, drop pin directly on the map) so see if I can figure out the way that actually makes the city available.

    I'm using the 1.3.3 version of the package and Umbraco 8.10.1.

Please Sign in or register to post replies

Write your reply to: