37
rated 0 times
[
38]
[
1]
/ answers: 1 / hits: 20337
/ 12 Years ago, sun, april 29, 2012, 12:00:00
I have a google map script that works, but I can't figure out how to add it to my asp.net content page. What is the proper way to add the script to the page?
see code:
<%@ Page Title=Our Location Language=VB MasterPageFile=~/MasterPages/Frontend.master AutoEventWireup=false CodeFile=Location.aspx.vb Inherits=About_Location %>
<asp:Content ID=Content1 ContentPlaceHolderID=head Runat=Server>
<meta name=viewport content=initial-scale=1.0, user-scalable=no />
<script type=text/javascript
src=http://maps.google.com/maps/api/js?sensor=false>
</script>
<style type=text/css>
html { height: 100% }
body { height: 100%; margin: 0px; padding: 0px }
##map{ height: 100% }
</style>
</asp:Content>
<asp:Content ID=Content2 ContentPlaceHolderID=cpMainContent Runat=Server OnLoad=codeAddress()>
<script type= text/javascript>
var geocoder;
var map;
var marker;
function codeAddress() {
alert(hello)
//initializes the map
//create geocoder
geocoder = new google.maps.Geocoder();
//set options for the map being created
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP
};
//create map instance and pass it the myOptions object literal
map = new google.maps.Map(document.getElementById(map), myOptions);
//geocode to get the lat and lng points of the given address
geocoder.geocode({ 'address': 'New York, New York'}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
//if geocoder finds location
//center the map on the latlng points of the given address
map.setCenter(results[0].geometry.location);
map.setOptions({ zoom: 18 });
//create marker and place it on the address
marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location,
title: 'New York, New York'
});
}
else {
//if geocoder cannot find location, alert user
alert(Could not find location);
}
});
}
</script>
<div id=map style=width:700px; height:400px;></div>
</asp:Content>
More From » asp.net