The content you're reading is getting on in years
This post is on the older side and its content may be out of date.
Be sure to visit our blogs homepage for our latest news, updates and information.
<
style
>
.sfLocation
{
display: none;
}
</
style
>
<
telerik:RadListView
ID
=
"dynamicContentListView"
ItemPlaceholderID
=
"ItemsContainer"
runat
=
"server"
EnableEmbeddedSkins
=
"false"
EnableEmbeddedBaseStylesheet
=
"false"
>
<
LayoutTemplate
>
<
ul
class
=
"sfitemsList sfitemsListTitleDateTmb"
>
<
asp:PlaceHolder
ID
=
"ItemsContainer"
runat
=
"server"
/>
</
ul
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
li
class
=
"sfitem sfClearfix"
>
<
h2
class
=
"sfitemTitle"
>
<
sf:DetailsViewHyperLink
ID
=
"DetailsViewHyperLink"
TextDataField
=
"Title"
runat
=
"server"
/>
</
h2
>
<
sf:FieldListView
ID
=
"PublicationDate"
runat
=
"server"
Format
=
"{PublicationDate.ToLocal():MMM d, yyyy, HH:mm tt}"
WrapperTagName
=
"div"
WrapperTagCssClass
=
"sfitemPublicationDate"
/>
<
asp:Label
ID
=
"TextField1"
runat
=
"server"
Text='<%# Eval("Location")%>' CssClass="sfLocation" />
</
li
>
</
ItemTemplate
>
</
telerik:RadListView
>
<
sf:Pager
ID
=
"pager"
runat
=
"server"
></
sf:Pager
>
<
asp:PlaceHolder
ID
=
"socialOptionsContainer"
runat
=
"server"
></
asp:PlaceHolder
>
<div id=
"map"
style=
"width: 700px; height: 600px; margin: 10px"
></div>
<script type=
"text/javascript"
>
var
map =
new
google.maps.Map(document.getElementById(
'map'
), {
zoom: 5,
center:
new
google.maps.LatLng(-33.92, 151.25),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var
geocoder;
$(document).ready(
function
() {
geocoder =
new
google.maps.Geocoder();
$(
".sfLocation"
).each(
function
() {
addMarker($(
this
).text());
});
})
function
addMarker(address) {
geocoder.geocode({
'address'
: address },
function
(results, status) {
if
(status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var
marker =
new
google.maps.Marker({
map: map,
position: results[0].geometry.location
});
}
else
{
console.log(
"Unable to find location: "
+ status);
}
});
}
<%@ Control Language="C#" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.PublicControls.BrowseAndEdit" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.ContentUI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Comments" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI.Fields" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="sf" Namespace="Telerik.Sitefinity.Web.UI" Assembly="Telerik.Sitefinity" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sitefinity" %>
<
sitefinity:ResourceLinks
ID
=
"resourcesLinks"
runat
=
"server"
>
<
sitefinity:ResourceFile
JavaScriptLibrary
=
"JQuery"
/>
</
sitefinity:ResourceLinks
>
<
span
>City</
span
>
<
br
/>
<
asp:TextBox
ID
=
"cityTextBox"
runat
=
"server"
/>
<
br
/>
<
span
>Country</
span
>
<
br
/>
<
asp:TextBox
ID
=
"countryTextBox"
runat
=
"server"
/>
<
br
/>
<
span
>ZipCode</
span
>
<
br
/>
<
asp:TextBox
ID
=
"zipCodeTextBox"
runat
=
"server"
/>
<
br
/>
<
asp:Button
ID
=
"searchBtn"
Text
=
"Search"
runat
=
"server"
/>
<
div
>
<
div
id
=
"map"
style
=
"width: 700px; height: 600px; margin: 10px"
></
div
>
<
script
type
=
"text/javascript"
>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 5,
center: new google.maps.LatLng(-33.92, 151.25),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var geocoder;
$(document).ready(function () {
geocoder = new google.maps.Geocoder();
$(".sfLocation").each(function () {
addMarker($(this).text());
});
})
function addMarker(address) {
geocoder.geocode({ 'address': address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
console.log("Unable to find location: " + status);
}
});
}
</
script
>
</
div
>
<
style
>
.sfLocation
{
display: none;
}
</
style
>
<
telerik:RadListView
ID
=
"dynamicContentListView"
ItemPlaceholderID
=
"ItemsContainer"
runat
=
"server"
EnableEmbeddedSkins
=
"false"
EnableEmbeddedBaseStylesheet
=
"false"
>
<
LayoutTemplate
>
<
ul
class
=
"sfitemsList sfitemsListTitleDateTmb"
>
<
asp:PlaceHolder
ID
=
"ItemsContainer"
runat
=
"server"
/>
</
ul
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
li
class
=
"sfitem sfClearfix"
>
<
h2
class
=
"sfitemTitle"
>
<
sf:DetailsViewHyperLink
ID
=
"DetailsViewHyperLink"
TextDataField
=
"Title"
runat
=
"server"
/>
</
h2
>
<
sf:FieldListView
ID
=
"PublicationDate"
runat
=
"server"
Format
=
"{PublicationDate.ToLocal():MMM d, yyyy, HH:mm tt}"
WrapperTagName
=
"div"
WrapperTagCssClass
=
"sfitemPublicationDate"
/>
<
asp:Label
ID
=
"TextField1"
runat
=
"server"
Text='<%# Eval("Location")%>' CssClass="sfLocation" />
</
li
>
</
ItemTemplate
>
</
telerik:RadListView
>
<
sf:Pager
ID
=
"pager"
runat
=
"server"
></
sf:Pager
>
<
asp:PlaceHolder
ID
=
"socialOptionsContainer"
runat
=
"server"
></
asp:PlaceHolder
>
<%@ Control Language="C#" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.DynamicModules.Web.UI.Frontend" TagPrefix="sf" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI.Fields" TagPrefix="sf" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sf" %>
<%@ Register Assembly="Telerik.Sitefinity" Namespace="Telerik.Sitefinity.Web.UI" TagPrefix="sitefinity" %>
<
sitefinity:ResourceLinks
ID
=
"resourcesLinks"
runat
=
"server"
>
<
sitefinity:ResourceFile
JavaScriptLibrary
=
"JQuery"
/>
</
sitefinity:ResourceLinks
>
<
div
>
<
div
id
=
"map"
style
=
"width: 500px; height: 400px; margin: 10px"
></
div
>
<
script
type
=
"text/javascript"
>
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 10,
center: new google.maps.LatLng(-33.92, 151.25),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var geocoder;
$(document).ready(function () {
geocoder = new google.maps.Geocoder();
if($(".sfLocation")){
addMarker($(".sfLocation").text());
}
});
function addMarker(address) {
geocoder.geocode({ 'address': address }, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
console.log("Unable to find location: " + status);
}
});
}
</
script
>
</
div
>
<
style
>
.sfLocation
{
display: inline;
}
</
style
>
<
sf:DynamicDetailContainer
id
=
"detailContainer"
runat
=
"server"
>
<
LayoutTemplate
>
<
div
class
=
"sfitemDetails"
>
<
sf:SitefinityLabel
ID
=
"mainShortTextFieldLiteral"
runat
=
"server"
Text='<%# Eval("Title") %>' WrapperTagName="h1" HideIfNoText="true" CssClass="sfitemTitle" />
<
sf:FieldListView
ID
=
"PublicationDate"
runat
=
"server"
Format
=
"{PublicationDate.ToLocal():MMM d, yyyy, HH:mm tt}"
WrapperTagName
=
"div"
WrapperTagCssClass
=
"sfitemPublicationDate"
/>
<
div
class
=
'sfitemShortTxtWrp'
>
<
sf:SitefinityLabel
runat
=
"server"
Text
=
'Phone number:'
WrapperTagName
=
"div"
HideIfNoText
=
"true"
CssClass
=
"sfitemFieldLbl"
/>
<
sf:SitefinityLabel
runat
=
"server"
Text='<%# Eval("PhoneNumber")%>' WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />
</
div
>
<
div
class
=
'sfitemShortTxtWrp'
>
<
sf:SitefinityLabel
runat
=
"server"
Text
=
'Country:'
WrapperTagName
=
"div"
HideIfNoText
=
"true"
CssClass
=
"sfitemFieldLbl"
/>
<
sf:SitefinityLabel
runat
=
"server"
Text='<%# Eval("Country")%>' WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />
</
div
>
<
div
class
=
'sfitemShortTxtWrp'
>
<
sf:SitefinityLabel
runat
=
"server"
Text
=
'Location:'
WrapperTagName
=
"div"
HideIfNoText
=
"true"
CssClass
=
"sfitemFieldLbl"
/>
<
asp:Label
ID
=
"TextField1"
runat
=
"server"
Text='<%# Eval("Location")%>' CssClass="sfLocation" />
</
div
>
<
div
class
=
'sfitemShortTxtWrp'
>
<
sf:SitefinityLabel
runat
=
"server"
Text
=
'City:'
WrapperTagName
=
"div"
HideIfNoText
=
"true"
CssClass
=
"sfitemFieldLbl"
/>
<
sf:SitefinityLabel
runat
=
"server"
Text='<%# Eval("City")%>' WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />
</
div
>
<
div
class
=
'sfitemShortTxtWrp'
>
<
sf:SitefinityLabel
runat
=
"server"
Text
=
'Street:'
WrapperTagName
=
"div"
HideIfNoText
=
"true"
CssClass
=
"sfitemFieldLbl"
/>
<
sf:SitefinityLabel
runat
=
"server"
Text='<%# Eval("Street")%>' WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />
</
div
>
<
div
class
=
'sfitemShortTxtWrp'
>
<
sf:SitefinityLabel
runat
=
"server"
Text
=
'Zip code:'
WrapperTagName
=
"div"
HideIfNoText
=
"true"
CssClass
=
"sfitemFieldLbl"
/>
<
sf:SitefinityLabel
runat
=
"server"
Text='<%# Eval("ZipCode")%>' WrapperTagName="div" HideIfNoText="true" CssClass="sfitemShortTxt" />
</
div
>
</
div
>
</
LayoutTemplate
>
</
sf:DynamicDetailContainer
>
<
asp:PlaceHolder
ID
=
"socialOptionsContainer"
runat
=
"server"
></
asp:PlaceHolder
>
View all posts from The Progress Team on the Progress blog. Connect with us about all things application development and deployment, data integration and digital business.
Let our experts teach you how to use Sitefinity's best-in-class features to deliver compelling digital experiences.
Learn MoreSubscribe to get all the news, info and tutorials you need to build better business apps and sites
Progress collects the Personal Information set out in our Privacy Policy and the Supplemental Privacy notice for residents of California and other US States and uses it for the purposes stated in that policy.
You can also ask us not to share your Personal Information to third parties here: Do Not Sell or Share My Info
We see that you have already chosen to receive marketing materials from us. If you wish to change this at any time you may do so by clicking here.
Thank you for your continued interest in Progress. Based on either your previous activity on our websites or our ongoing relationship, we will keep you updated on our products, solutions, services, company news and events. If you decide that you want to be removed from our mailing lists at any time, you can change your contact preferences by clicking here.