Giter Club home page Giter Club logo

googlemapmvc's Introduction

Googlemap control for Asp.Net MVC

Build status Join the chat at https://gitter.im/jmelosegui/GooglemapMvc NuGet Donate

Googlemap control for Asp.Net MVC wraps Google Maps APIs simplifying the use of Google Maps in ASP.NET MVC applications.

Features

  • Specific Api Version
  • UI Controls
  • Map Language
  • Multiple Maps
  • Client Events
  • PartialView with Ajax
  • Map Types
  • Markers
    • Custom Icons
    • Info Windows
    • Clustering
    • Databinding
    • Client Events
    • Geocoding
    • FitToMarkersBounds
    • External Reference
  • Shapes
    • Polyline
    • Polygons
    • Circles
    • Databinding
  • Services
    • Geolocation
    • Geocoding
  • Layers
    • Heatmap
    • Kml
    • Traffic
    • Transit
    • Bicycling
  • Libraries
    • Places (Non mvc yet)
    • Drawing (Non mvc yet)

Install

Inside Visual Studio create a new AspNet Mvc Application. Open the package manager console and install the Googlemap Mvc nuget package by typing the following command.

PM> Install-Package Jmelosegui.Mvc.Googlemap

Once you have it go to the Views->Home->Index.cshtml and include the following

<div class="row">
    <div class="col-md-12">
        @(Html.GoogleMap()
              .Name("map")
              .Height(500)
              .ApiKey("YourApiKeyHere")
          )
    </div>
</div>

and at the end of that page add the following

@section scripts
{
    @(Html.GoogleMap().ScriptRegistrar())
}

Don't forget to add the namespace to the very top of your page

@using Jmelosegui.Mvc.GoogleMap

Now hit F5 and you should see the map rendering on the page

Links

Nuget Package
Online Demo

Contributing Prerequisites

Required

Better with

Self-service releases

As soon as a new change is pushed to this repo, a build is executed and an updated NuGet package is published to this Package Feed:

https://ci.appveyor.com/nuget/googlemapmvc

By adding this URL to your package sources you can immediately install the latest version of the NuGet packages to your project without wating for your feature to be "officially" published to https://www.nuget.org/. This can be done by adding a nuget.config file with the following content to the root of your project's repo:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
    <packageSources>
        <add key="Googlemap Mvc CI" value="https://ci.appveyor.com/nuget/googlemapmvc" />
    </packageSources>
</configuration>

You can then install the package while you have your new "Googlemap Mvc CI" package source selected:

PM> Install-Package Jmelosegui.Mvc.Googlemap -Pre

License

Googlemap control for Asp.Net MVC is released under the GNU GENERAL PUBLIC LICENSE Version 2.

googlemapmvc's People

Contributors

gcapnias avatar jmelosegui avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.