- Forum
- General C++ Programming
- PLEASE HELLLLLLLLLP!!!!
PLEASE HELLLLLLLLLP!!!!
Hey Guys, So i am making a website using google api and putting landmarks in the map. I have my html code and it works perfectly, but i am confused on the idea of making it into a cvs file? Can anyone help me out or give me an example of what I am supposed to do with my html code? I can post my code here if it helps. Thanks!
Heres my code anyway:
<html>
<head>
<title>Lab 7-Google maps API</title>
<style>
body,td,a,div,.p{font-family:arial,sans-serif}
div,td{color:#000000}
a:link,.w,.w a:link{color:#0000cc}
a:visited{color:#551a8b}
a:active{color:#ff0000}
</style>
<script language='javascript'></script>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAl_yrHVZh6TT37zeAqw7gDRSk4IGgFcuMtA_WKgWf78tuDu_WsBSF0XrshJsLQToyICtGHYQNdxP_sg"></script>
<script language="javascript">
google.load("maps", "2.x");
var points = new Array();
var map;
function initialize() {
map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new GLatLng(37.363076,-120.428559), 14);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
var point1 = new GLatLng(37.332512,-120.460185);
var marker = new GMarker(point1);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml("WINGSTOP ");});
var point2 = new GLatLng(37.322856,-120.486854);
var marker2 = new GMarker(point2);
map.addOverlay(marker2);
var dis2 = point2.distanceFrom(point1);
var dis2 = dis2*0.000621371192;
GEvent.addListener(marker2, "click", function(){marker2.openInfoWindowHtml("TARGET BIKE RACK TO WINGSTOP: 2.4 MILES ");});
var point3 = new GLatLng(37.301186,-120.482245 );
var marker3 = new GMarker(point3);
map.addOverlay(marker3);
var dis3 = point2.distanceFrom(point2);
var dis3 = dis3*0.000621371192;
GEvent.addListener(marker3, "click", function(){marker3.openInfoWindowHtml("STARBUCKS DOWNTOWN TO TARGET BIKE RACK: 2.0 MILES " );});
var point4 = new GLatLng(37.363351,-120.432162);
var marker4 = new GMarker(point4);
map.addOverlay(marker4);
var dis4 = point2.distanceFrom(point3);
var dis4 = dis4*0.000621371192;
GEvent.addListener(marker4, "click", function(){marker4.openInfoWindowHtml(" UC MERCED TO STARBUCKS DOWNTOWN: 7.2 MILES " );});
var point5 = new GLatLng(37.372748,-120.426024);
var marker5 = new GMarker(point5);
map.addOverlay(marker5);
var dis5 = point5.distanceFrom(point4);
var dis5 = dis5*0.000621371192;
GEvent.addListener(marker5, "click", function(){marker5.openInfoWindowHtml("YOSIMETE LAKE TO UC MERCED: 1.0 MILE ");});
var point6 = new GLatLng(37.319321,-120.481497);
var marker6 = new GMarker(point6);
map.addOverlay(marker6);
var dis6 = point6.distanceFrom(point5);
var dis6 = dis6*0.000621371192;
GEvent.addListener(marker6, "click", function(){marker6.openInfoWindowHtml("MERCED MALL TO YOSIMITE LAKE: 7.2 MILES " );});
var point7 = new GLatLng(37.325018,-120.478334);
var marker7 = new GMarker(point7);
map.addOverlay(marker7);
var dis7 = point7.distanceFrom(point6);
var dis7 = dis7*0.000621371192;
GEvent.addListener(marker7, "click", function(){marker7.openInfoWindowHtml("VILLAGE APARTMENTS TO MERCED MALL: 1.4 MILES ");});
var point8 = new GLatLng(37.354877,-120.475669);
var marker8 = new GMarker(point8);
map.addOverlay(marker8);
var dis8 = point8.distanceFrom(point7);
var dis8 = dis8*0.000621371192;
GEvent.addListener(marker8, "click", function(){marker8.openInfoWindowHtml("BELLEVUE RANCH HOUSING TO VILLAGE APARTMENTS: 2.1 MILES ");});
var point9 = new GLatLng(37.327875,-120.501573);
var marker9 = new GMarker(point9);
map.addOverlay(marker9);
var dis9 = point9.distanceFrom(point8);
var dis9 = dis9*0.000621371192;
GEvent.addListener(marker9, "click", function(){marker9.openInfoWindowHtml("EL REDONDO HOUSING TO BELLEVUE RANCH: 2.6 MILES " );});
var point10 = new GLatLng(37.32336,-120.48347);
var marker10 = new GMarker(point10);
map.addOverlay(marker10);
var dis10 = point10.distanceFrom(point9);
var dis10 = dis10*0.000621371192;
GEvent.addListener(marker10, "click", function(){marker10.openInfoWindowHtml("FUSION CAFE TO EL REDONDO HOUSING: 1.4 MILES " );});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<!-- OPTIONAL: include this if you want history support -->
<iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
<h1>Lab 7 - Google Maps API</h1>
<div id="search-form"></div>
<div id="map" style="height: 500px;">
Map goes here.
</div>
<table align=center>
<tr>
<td id="slot1"></td><td id="slot2"></td>
</tr>
</table>
</body>
</html>
Heres my code anyway:
<html>
<head>
<title>Lab 7-Google maps API</title>
<style>
body,td,a,div,.p{font-family:arial,sans-serif}
div,td{color:#000000}
a:link,.w,.w a:link{color:#0000cc}
a:visited{color:#551a8b}
a:active{color:#ff0000}
</style>
<script language='javascript'></script>
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAl_yrHVZh6TT37zeAqw7gDRSk4IGgFcuMtA_WKgWf78tuDu_WsBSF0XrshJsLQToyICtGHYQNdxP_sg"></script>
<script language="javascript">
google.load("maps", "2.x");
var points = new Array();
var map;
function initialize() {
map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new GLatLng(37.363076,-120.428559), 14);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
var point1 = new GLatLng(37.332512,-120.460185);
var marker = new GMarker(point1);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function(){marker.openInfoWindowHtml("WINGSTOP ");});
var point2 = new GLatLng(37.322856,-120.486854);
var marker2 = new GMarker(point2);
map.addOverlay(marker2);
var dis2 = point2.distanceFrom(point1);
var dis2 = dis2*0.000621371192;
GEvent.addListener(marker2, "click", function(){marker2.openInfoWindowHtml("TARGET BIKE RACK TO WINGSTOP: 2.4 MILES ");});
var point3 = new GLatLng(37.301186,-120.482245 );
var marker3 = new GMarker(point3);
map.addOverlay(marker3);
var dis3 = point2.distanceFrom(point2);
var dis3 = dis3*0.000621371192;
GEvent.addListener(marker3, "click", function(){marker3.openInfoWindowHtml("STARBUCKS DOWNTOWN TO TARGET BIKE RACK: 2.0 MILES " );});
var point4 = new GLatLng(37.363351,-120.432162);
var marker4 = new GMarker(point4);
map.addOverlay(marker4);
var dis4 = point2.distanceFrom(point3);
var dis4 = dis4*0.000621371192;
GEvent.addListener(marker4, "click", function(){marker4.openInfoWindowHtml(" UC MERCED TO STARBUCKS DOWNTOWN: 7.2 MILES " );});
var point5 = new GLatLng(37.372748,-120.426024);
var marker5 = new GMarker(point5);
map.addOverlay(marker5);
var dis5 = point5.distanceFrom(point4);
var dis5 = dis5*0.000621371192;
GEvent.addListener(marker5, "click", function(){marker5.openInfoWindowHtml("YOSIMETE LAKE TO UC MERCED: 1.0 MILE ");});
var point6 = new GLatLng(37.319321,-120.481497);
var marker6 = new GMarker(point6);
map.addOverlay(marker6);
var dis6 = point6.distanceFrom(point5);
var dis6 = dis6*0.000621371192;
GEvent.addListener(marker6, "click", function(){marker6.openInfoWindowHtml("MERCED MALL TO YOSIMITE LAKE: 7.2 MILES " );});
var point7 = new GLatLng(37.325018,-120.478334);
var marker7 = new GMarker(point7);
map.addOverlay(marker7);
var dis7 = point7.distanceFrom(point6);
var dis7 = dis7*0.000621371192;
GEvent.addListener(marker7, "click", function(){marker7.openInfoWindowHtml("VILLAGE APARTMENTS TO MERCED MALL: 1.4 MILES ");});
var point8 = new GLatLng(37.354877,-120.475669);
var marker8 = new GMarker(point8);
map.addOverlay(marker8);
var dis8 = point8.distanceFrom(point7);
var dis8 = dis8*0.000621371192;
GEvent.addListener(marker8, "click", function(){marker8.openInfoWindowHtml("BELLEVUE RANCH HOUSING TO VILLAGE APARTMENTS: 2.1 MILES ");});
var point9 = new GLatLng(37.327875,-120.501573);
var marker9 = new GMarker(point9);
map.addOverlay(marker9);
var dis9 = point9.distanceFrom(point8);
var dis9 = dis9*0.000621371192;
GEvent.addListener(marker9, "click", function(){marker9.openInfoWindowHtml("EL REDONDO HOUSING TO BELLEVUE RANCH: 2.6 MILES " );});
var point10 = new GLatLng(37.32336,-120.48347);
var marker10 = new GMarker(point10);
map.addOverlay(marker10);
var dis10 = point10.distanceFrom(point9);
var dis10 = dis10*0.000621371192;
GEvent.addListener(marker10, "click", function(){marker10.openInfoWindowHtml("FUSION CAFE TO EL REDONDO HOUSING: 1.4 MILES " );});
}
google.setOnLoadCallback(initialize);
</script>
</head>
<body>
<!-- OPTIONAL: include this if you want history support -->
<iframe src="javascript:''" id="__gwt_historyFrame" style="width:0;height:0;border:0"></iframe>
<h1>Lab 7 - Google Maps API</h1>
<div id="search-form"></div>
<div id="map" style="height: 500px;">
Map goes here.
</div>
<table align=center>
<tr>
<td id="slot1"></td><td id="slot2"></td>
</tr>
</table>
</body>
</html>
Last edited on
@jimmah4013
This is a C++ site, so it might be lucky if you get any replies. Try to find an HTML specific forum.
Hope all goes well.
This is a C++ site, so it might be lucky if you get any replies. Try to find an HTML specific forum.
Hope all goes well.
Topic archived. No new replies allowed.