| | |||||
| ||||||||
| Website Development Development concepts, scripts, sponsors and affiliate programs. |
![]() |
| | LinkBack | Thread Tools |
| | THREAD STARTER #1 (permalink) |
| NamePros Regular Join Date: Mar 2007
Posts: 670
![]() ![]() ![]() ![]() ![]() | google maps integration hi i want to incorporate a google map with the starting point for example of barcelona with a search box any one have an example of it or any easy way to do? thanks
__________________ unblockers // whois // free games //advanced polls // Buy and sell websites // The technology blog bidding directorystarting at 1$ All money spend to SEO |
| |
| | #2 (permalink) |
| . .. deaol.com .. . Join Date: Nov 2006 Location: Desolation Snd, B.C.
Posts: 2,261
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() | If your meaning something like what I have done here on my site, www.cwx.ca/maps.htm it is possible have a look here --> http://www.google.com/apis/maps/ |
| |
| | #3 (permalink) |
| NamePros Regular Join Date: May 2006 Location: WebmasterGround.com
Posts: 865
![]() | Yes. Take a look at http://www.google.com/apis/maps/ I know a couple of good coders who can help you too if you are interested. |
| |
| | THREAD STARTER #4 (permalink) |
| NamePros Regular Join Date: Mar 2007
Posts: 670
![]() ![]() ![]() ![]() ![]() | Hi first of all thanks to answer. I’m a noob on this world and nowadays my abilities are basic on modifying... Deaol your "maps" is what I was exactly searching. If you can help me or..."teach me" how to incorporate it with for example starting on Barcelona or any other city i will thanks a lot
__________________ unblockers // whois // free games //advanced polls // Buy and sell websites // The technology blog bidding directorystarting at 1$ All money spend to SEO |
| |
| | THREAD STARTER #5 (permalink) |
| NamePros Regular Join Date: Mar 2007
Posts: 670
![]() ![]() ![]() ![]() ![]() | deaol?¿ :-(
__________________ unblockers // whois // free games //advanced polls // Buy and sell websites // The technology blog bidding directorystarting at 1$ All money spend to SEO |
| |
| | #6 (permalink) |
| NamePros Regular Join Date: Jun 2007
Posts: 204
![]() | could it be done so that I have a small google map pic on the site(lets say 160*120 pixels) and once clicked a big map pop up in a new window. I am sure it can, but can it be done so that I dont have to make the small image myself but some kind of script will make it from the addresses that I have? |
| |
| | #7 (permalink) | ||||
| . .. deaol.com .. . Join Date: Nov 2006 Location: Desolation Snd, B.C.
Posts: 2,261
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
)????: NamePros.com http://www.namepros.com/website-development/355586-google-maps-integration.html Ok here you go, your going to want to add your API KEY and change the lat and long coordinates to locate the map over the part of the world you want In Head Code: <script src="http://maps.google.com/maps?file=api&v=2&key=YOUR-API-KEY-HERE"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map = null;
var geocoder = null;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.setCenter(new GLatLng(50.11, -124.12), 4);
geocoder = new GClientGeocoder();
}
}
function showAddress(address) {
if (geocoder) {
geocoder.getLatLng(
address,
function(point) {
if (!point) {
alert(address + " not found");
} else {
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);
marker.openInfoWindowHtml(address);
}
}
);
}
}
//]]>
</script> In Body Code: <center><form action="#" onsubmit="showAddress(this.address.value); return false">
<p>
<input type="text" size="60" name="address" value="YOUR CITY NAME HERE" />
<input type="submit" value="Go!" />
</p>
<div id="map" style="width: 600px; height: 400px"></div>
</form></center> | ||||
| |