Monday, May 13, 2024
 Popular · Latest · Hot · Upcoming
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

 Answers
22

Put your script in separate js file, declare it like you did with Google maps script. Then you have to call it, maybe send this #map div id as parameter to that script, and not hard code it in javascript.



in this case you want to do that on page load with script manager :



ScriptManager.RegisterStartupScript(this, this.GetType(), ShowGoogleMap, codeAddress('map');, true);


btw. for google maps you can use Google Maps server control, it's much easier to use managing maps from server side:



http://googlemap.codeplex.com/


[#85899] Friday, April 27, 2012, 12 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
dustin

Total Points: 599
Total Questions: 105
Total Answers: 106

Location: Belarus
Member since Tue, Mar 14, 2023
1 Year ago
dustin questions
;