<%@ Page Title="" Language="VB" AutoEventWireup="false" CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.Web.Examples.Map.Overview.DefaultVB" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<
head
runat
=
"server"
>
<
title
>Telerik ASP.NET Example</
title
>
<
link
rel
=
"stylesheet"
href
=
"styles.css"
type
=
"text/css"
/>
<
script
src
=
"scripts.js"
></
script
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
telerik:RadSkinManager
ID
=
"RadSkinManager1"
runat
=
"server"
ShowChooser
=
"true"
/>
<
div
class
=
"demo-container size-auto"
>
<
h2
class
=
"mapTitle"
>TELERIK OFFICES</
h2
>
<
telerik:RadMap
RenderMode
=
"Lightweight"
runat
=
"server"
ID
=
"RadMap1"
Zoom
=
"2"
CssClass
=
"MyMap"
>
<
CenterSettings
Latitude
=
"23"
Longitude
=
"10"
/>
<
LayersCollection
>
<
telerik:MapLayer
Type
=
"Tile"
Subdomains
=
"a,b,c"
UrlTemplate
=
"https://#= subdomain #.tile.openstreetmap.org/#= zoom #/#= x #/#= y #.png"
Attribution="© <a
href
=
'http://osm.org/copyright'
title
=
'OpenStreetMap contributors'
target
=
'_blank'
>OpenStreetMap contributors</
a
>.">
</
telerik:MapLayer
>
</
LayersCollection
>
<
MarkersCollection
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Palo Alto"
>
<
TooltipSettings
Content
=
"US - Palo Alto, CA"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"37.444610"
Longitude
=
"-122.163283"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Boston"
>
<
TooltipSettings
Content
=
"US - Boston, MA"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"42.375067"
Longitude
=
"-71.272233"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Copenhagen"
>
<
TooltipSettings
Content
=
"Denmark - Copenhagen"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"55.670312"
Longitude
=
"12.538266"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Sydney"
>
<
TooltipSettings
Content
=
"Australia - Sydney"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"-33.838707"
Longitude
=
"151.207959"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Austin"
>
<
TooltipSettings
Content
=
"US - Austin, TX"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"30.268162"
Longitude
=
"-97.744873"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Sofia"
>
<
TooltipSettings
Content
=
"Bulgaria - Sofia"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"42.650613"
Longitude
=
"23.379025"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Gurgaon"
>
<
TooltipSettings
Content
=
"India - Gurgaon"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"28.410139"
Longitude
=
"77.042439"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"London"
>
<
TooltipSettings
Content
=
"UK - London"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"51.515986"
Longitude
=
"-0.085798"
/>
</
telerik:MapMarker
>
<
telerik:MapMarker
Shape
=
"PinTarget"
Title
=
"Munich"
>
<
TooltipSettings
Content
=
"Germany - Munich"
></
TooltipSettings
>
<
LocationSettings
Latitude
=
"48.117227"
Longitude
=
"11.601990"
/>
</
telerik:MapMarker
>
</
MarkersCollection
>
<
ClientEvents
OnMarkerActivate
=
"telerikDemo.OnMarkerActivate"
/>
</
telerik:RadMap
>
<
div
class
=
"contactsContainer"
>
<
ul
id
=
"offices"
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-unitedstates"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>United States</
div
>
<
div
class
=
"city"
>Palo Alto, CA</
div
>
<
div
class
=
"address"
>169 University Ave.</
div
>
<
div
class
=
"address"
>Palo Alto 94301</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-unitedstates"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>United States</
div
>
<
div
class
=
"city"
>Boston, MA</
div
>
<
div
class
=
"address"
>201 Jones Rd Waltham</
div
>
<
div
class
=
"address"
>Boston MA 02451</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-denmark"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>Denmark</
div
>
<
div
class
=
"city"
>Copenhagen</
div
>
<
div
class
=
"address"
>Vesterbrogade 149</
div
>
<
div
class
=
"address"
>Copenhagen DK-1620 Copenhagen V</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-australia"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>Australia</
div
>
<
div
class
=
"city"
>Sydney</
div
>
<
div
class
=
"address"
>Suite 705, 80 Mount St</
div
>
<
div
class
=
"address"
>Sydney North Sydney, NSW 2060</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-unitedstates"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>United States</
div
>
<
div
class
=
"city"
>Austin, TX</
div
>
<
div
class
=
"address"
>221 W 6th Street Suite 850</
div
>
<
div
class
=
"address"
>Austin TX 78701</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-bulgaria"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>Bulgaria</
div
>
<
div
class
=
"city"
>Sofia</
div
>
<
div
class
=
"address"
>54B Tsarigradsko Shose Blvd.</
div
>
<
div
class
=
"address"
>Sofia 1750</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-india"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>India</
div
>
<
div
class
=
"city"
>Gurgaon</
div
>
<
div
class
=
"address"
>Unit No 505, Tower A Spaze iTech</
div
>
<
div
class
=
"address"
>Park Gurgaon Sohna Road Sector 49 Gurgaon Haryana. 122002</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-unitedkingdom"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>United Kingdom</
div
>
<
div
class
=
"city"
>London</
div
>
<
div
class
=
"address"
>14 Austin Friars</
div
>
<
div
class
=
"address"
>London EC2N 2HE</
div
>
</
div
>
</
li
>
<
li
class
=
"office"
>
<
div
class
=
"leftCol"
>
<
div
class
=
"flag flag-germany"
></
div
>
</
div
>
<
div
class
=
"rightCol"
>
<
div
class
=
"country"
>Germany</
div
>
<
div
class
=
"city"
>Munich</
div
>
<
div
class
=
"address"
>Balanstrasse 73</
div
>
<
div
class
=
"address"
>Munich 81541 Munich</
div
>
</
div
>
</
li
>
</
ul
>
</
div
>
</
div
>
</
form
>
</
body
>
</
html
>