Drawing Circle Options Sample

A sample about ASP.NET Google Map Control drawing circle options.

Set different values to options below the map and click on "Apply" to see the result.

Thank you for using the Development Build of ASP.NET Google Map Control to build Google Maps faster.
Purchase the Commercial Build now to get access to all product updates and the ASP.NET Google Map Control expert support.

Source

Markup

<%@ Page Language="C#" AutoEventWireup="false" MasterPageFile="../../Maps.master" CodeBehind="Default.aspx.cs" Inherits="GoogleMaps.Samples.Maps.Drawing.CircleOptions.Default" %>

<asp:Content ContentPlaceHolderID="MainContent" runat="server">
    <div class="jumbotron">
        <h2>Drawing Circle Options Sample</h2>
        <p>A sample about ASP.NET Google Map Control drawing circle options.</p>
    </div>
    <p>
        Set different values to options below the map and click on "Apply" to see the result.
    </p>
    <div class="map-wrap">
        <map:GoogleMap ID="GoogleMap1" runat="server" MapType="HYBRID" Zoom="8" Latitude="42.1229" Longitude="24.7879" CssClass="map" DefaultAddress="sofia"
            Width="100%" Height="600px" FullscreenControl="true">
        </map:GoogleMap>
        <map:DrawingManager ID="GoogleManager1" TargetControlID="GoogleMap1" runat="server" DrawingMode="CIRCLE">
            <DrawingControlOptions DrawingModes="circle" Position="TopLeft" />
            <CircleOptions Clickable="true" Draggable="true" Editable="true" FillColor="Blue" StrokeColor="Red" />
        </map:DrawingManager>
    </div>
    
</asp:Content>

Code Behind

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace GoogleMaps.Samples.Maps.Drawing.CircleOptions
{
    public partial class Default : System.Web.UI.Page
    {
        protected void GoogleManager1_CircleComplete(object sender, GoogleMaps.Drawing.DrawingCircleEventArgs e)
        {
            // TODO
        }
    }
}