|
HTML - Integrating Osm Into Google Userplatform
hi guys
im not very good in html. anyway, as much as i look into my google map code, the more i dont get how to integrate OSM in it. could anyone lead me in right direction where to put var mapnik and var osmarend. here is my gmap.html file: this is the map with autolocator i appreciate any help or hint Quote: ------------------------------ markersArray_{$v.caption} = []; // get address value address = ''; address_html = ''; var loc = "{$v.extensions}"; {literal} if(loc) { var location_fields = loc.split(","); for(i=0; i<location_fields.length; i++) { var f = location_fields[i]; if(!f) continue; var t = document.getElementById(f).type; if(t=="text" || t=="textarea") var l = document.getElementById(f).value; else { var selected_index = document.getElementById(f).selectedIndex; var l = document.getElementById(f).options[selected_index].value; } if(!l) continue; if(address!='') { address = address + ', '; address_html = address_html + '<br/>'; } address = address + l; address_html = address_html + "<b>" + l + "</b>"; } } // end if loc {/literal} old=new Array(); {if $tmp[$v.caption]}old = splitMapsCoord('{$tmp[$v.caption]}');{/if} {literal} if (old.length>0) { {/literal} var lat = parseFloat(old[0]); var long = parseFloat(old[1]); var h = parseInt(old[2]); {literal} } else { {/literal} var lat = {$settings.google_maps_default_lat}; var long = {$settings.google_maps_default_long}; var h = {$settings.google_maps_default_height}; {literal} } var p = new google.maps.LatLng( lat,long ); var myOptions = { zoom: h, center: p, panControl: true, zoomControl: true, scaleControl: true, mapTypeControl: true, mapTypeId: google.maps.MapTypeId.ROADMAP }; {/literal} map_{$v.caption} = new google.maps.Map(document.getElementById("gm_{$v.caption}"), myOptions); {if $tmp[$v.caption]} {literal} var marker = new google.maps.Marker({ position: p, map: {/literal}map_{$v.caption}{literal} }); {/literal} markersArray_{$v.caption}.push(marker); {literal} if(address_html) { var infowindow = new google.maps.InfoWindow({ content: address_html }); infowindow.open({/literal}map_{$v.caption}{literal}, marker); } {/literal} {/if} // get click coordinates google.maps.event.addListener(map_{$v.caption}, 'click', function(event) {literal} { if (event.latLng) { {/literal} map_{$v.caption}.panTo(event.latLng); if (markersArray_{$v.caption}) {literal} { for (i in markersArray_{/literal}{$v.caption}{literal}) { markersArray_{/literal}{$v.caption}{literal}[i].setMap(null); } markersArray_{/literal}{$v.caption}{literal}.length = 0; } marker = new google.maps.Marker({ position: event.latLng, map: {/literal}map_{$v.caption}{literal} }); {/literal} markersArray_{$v.caption}.push(marker); {literal} if(address_html) { var infowindow = new google.maps.InfoWindow({ content: address_html }); infowindow.open({/literal}map_{$v.caption}{literal}, marker); } var lat = event.latLng.lat(); var long = event.latLng.lng(); {/literal} var h = map_{$v.caption}.getZoom(); if(IsNumeric(lat) && IsNumeric(long) && IsNumeric(h)) document.getElementById("{$v.caption}").value=lat+","+long+","+h; {literal} } }); google.maps.event.addListener({/literal}map_{$v.caption}, 'zoomend', function(oldLevel, newLevel){literal}{ {/literal} var old_val = document.getElementById("{$v.caption}").value; {literal} if(old_val) { {/literal} var arr = old_val.split(","); document.getElementById("{$v.caption}").value=arr[0]+","+arr[1]+","+newLevel; {literal} } {literal} }); {/literal} ------------------------------ Similar TutorialsHello, I have ClientExec, and I want to integrate it with my website. The signup files are a header.tpl and footer.tpl, and I am trying to integrate it with a HTML (tableless) webpage. If anyone thinks they could help me, please PM me for the files, and maybe they can point me in the right direction. I don't want to post the code publicly, because my design is unique, and I don't want to break the TOS of ClientExec. (Note: I don't wnat someone to do this for me. I just need someone to point me in the right direction) Cheers, Peter Hello I have a site I am rebuilding and I want to incorporate a the most recent posts from a Blogger blog into the site, so that it looks like the attached. The formatting does not have to be exactly like that but it is in essence what the client creating the look and feel wanted. Any ideas on how this can be done would be greatly appreciated. Hello I have a site I am rebuilding and I want to incorporate a the most recent posts from a Blogger blog into the site, so that it looks like the attached. The formatting does not have to be exactly like that but it is in essence what the client creating the look and feel wanted. Any ideas on how this can be done would be greatly appreciated. Hi guys I've created a design for a website and I want to make several images become text forms when clicked on. Here's what the form images look like: I need them to be like the images on the tumblr home page that when you click on the image, the text disappears and allows you to type. Thanks for any help. Basically I want to know how do I integrate code from one website to my website. I basically want to show info from yelp.com and put some comments onto my site for a business and I want it so when someone adds a comment to yelp my site updates with it, so i dont have to go copy/paste the comment. Is this possible without using a iframe and if so, how? Want the comments from this url: http://www.yelp.com/biz/burger-delux-northville added to this site on its own page: http://burgerdeluxellc.com/ Hi, I am working on integrating a flash presentation in HTML (basically a php website) The flash movie is about power point presentations - I was able to convert them to .swf files. I need to display them in the php based website. I was able to integrate the .swf file in the website. Now, I need to make it "dynamic" - what I mean by this is, I will be having the flash movie of different ppt slides running in a server in a loop. Whenever someone accesses the website, the "slide" that is currently being shown in the player has to be displayed in the webpage instead of starting from the beginning. I am a novice as far as webdesign is concerned. I would like to know about any tutorials/books that can provide me with information on this. Also, any specific area of HTML that might help me in this project. Thanks in advance ! I was given this code to replace my "table" in my Contact Form: Code: <fieldset class="info"> <label for="info_name"><span>*</span>Your Name</label> <input type="text" name="name" id="info_name" maxlength="50" /> <br /> <label for="info_email"><span>*</span>Email Address</label> <input type="text" name="email" id="info_email" maxlength="40" /> <br /> <label for="info_subject">Subject:</label> <input type="text" name="subject" id="info_subject" maxlength="40" /> <br /> <label for="info_comments">Comments:</label> <textarea name="comments" id="info_comments"></textarea> </fieldset> <fieldset class="captcha"> <label for="captcha_text"><span>*</span>Enter Image Code:</label> <input type="text" value="" name="captext" id="captcha_text" maxlength="6" /> <a href="#" onclick="refresh_security_image(); return false;">Refresh Image</a> <img src="includes/captcha.php" id="verificiation_image" /> </fieldset> <fieldset class="submitsAndHiddens"> <input type="submit" value="Submit" /> </fieldset> I just don't know how to integrate it with this existing page code: Code: <body>
<!--<div style="height: 80px; background-color: #336699;">
<span class="page_title"><span class="form_title">Contact Us</span></span>
</div>-->
<br />
<table cellpadding="0" cellspacing="0" align="center" width="600">
<tr>
<td>
<font face="verdana"><font size="2"><font color=#800000;">[var.result]</font></font><font color="red"><strong>[var.error]</strong></font><br>
<hr size="1" />
<br />
<form action="/page.php?page=10" method="post" name="contact_us" onSubmit="return capCheck(this);">
<table cellpadding="5" width="100%">
<tr>
<td width="10" class="required_field">*</td>
<td width="80">Your Name</td>
<td> <input type="text" name="name" maxlength="50" style="width:300px" /></td>
</tr>
<tr>
<td class="required_field">*</td>
<td>Email Address</td>
<td> <input type="text" name="email" maxlength="40" style="width:300px" /></td>
</tr>
<tr>
<td></td>
<td>Subject:</td>
<td> <input type="text" name="subject" maxlength="40" style="width:300px" /></td>
</tr>
<tr>
<td></td>
<td>Comments:</td>
<td> <textarea name="comments" style="width: 100%; height: 250px"></textarea></td>
</tr>
<tr>
<td class="required_field">*</td>
<td>Enter Image Code:</td>
<td> <input type="text" value="" name="captext" style="width: 100px" maxlength="6" /></td>
</tr>
<tr>
<td></td>
<td><a onclick="refresh_security_image(); return false;" style="cursor:pointer;"><u>Refresh Image</u></a></td>
<td> <img src="includes/captcha.php" border="0" id="verificiation_image" /></a></td>
</tr>
</table>
<br/>
<br/>
<p>
<input type="hidden" name="submited" value="1" />
<input type="submit" name="submit" value="Submit" />
</p>
</form>
</td>
</tr>
</table>
<script type="text/javascript">
<!--
function refresh_security_image() {
var new_url = new String("[var.base_url]/includes/captcha.php?width=132&height=36&charcators=");
new_url = new_url.substr(0, new_url.indexOf("width=") + 37);
// we need a random new url so this refreshes
var chr_str = "123456789";
for(var i=0; i < 6; i++)
new_url = new_url + chr_str.substr(Math.floor(Math.random() * 2), 1);
document.getElementById("verificiation_image").src = new_url;
}
-->
</script>
<!-- captch start -->
<script type="text/javascript" id="clientEventHandlersJS" language="javascript">
<!--
function capCheck(theForm) {
var xmlhttp;
var sReply;
DataToSend = "action=process&captext=" + escape(theForm.captext.value);
if (window.XMLHttpRequest) {
xmlhttp=new XMLHttpRequest();
xmlhttp.open("POST",'includes/process.php',false);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(DataToSend);
sReply = xmlhttp.responseText;
} else if (window.ActiveXObject) {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.open("POST",'includes/process.php',false);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xmlhttp.send(DataToSend);
sReply = xmlhttp.responseText;
}
if (sReply == "good") {
return true;
} else if (sReply == "bad") {
alert("Security code not valid, please try again"); return false;
} else if (sReply == "") {
alert("You must enter the security code"); return false;
} else {
alert("Error"); return false;
}
}
-->
</script>
<!-- captch end -->
</body>
Can you help me? Thanks Site : www.originalwalls.blogspot.com Problem : My site index with no problem the pages in google but , the images are not indexing. Some photos had been index but if you hold the click on them you see from the start somfing is wrong the images had been indexed with same title . . . http://www.google.ro/search?q=site:o...w=1366&bih=643 Does enyone know what the problem is ? can it be from the template ? Please help i really need help Thanx a lot Hi I am new to this site, I am having problem in my non blog site. I was trying to integrate wordpress blog in my non blog site. I am nearly done only few issues. Here is the site http://www.zipanatomy.com/blog/ 1. the post titles are coming some other way, without linking and some coding. 2. down to the footer, I have called a footer.php file which is from the non blog site and is in the root directory, the problem here is, they are linking to the wordpress log folder. 3. And one more issue is when I click the categories and do any search from the sidebar, that are opening on the extreme right of the page instead of in center. please, advices from the pros where I am getting wrong. thanks in advance, chander http://www.website.com looks much better in the URL bar than http://website.com. How do I forward my website ***.dk to www.***.dk? Hello to everyone who gets to read this post, here at HTMLforums.com. I think it's great there is a community for all webmasters to share there knowledge. Well I got a problem with my domain name, and sorry, but I could not find a category that would fit for this thread. But here's the deal: When I go type http://google.com into my browser and the site is done loading, it shows http://www.google.com in my browser. The same in almost all large websites. Now how do I make my domain, stenersted.dk, forward to www.stenersted.dk? Thanks alot, Poul Hi all I have so far made up this google map, and I am stuck as to how code in the pop ups (for text/images etc..) at each peg or marker. I would really appreciate if anyone can chip in and help me out. http://ranabtawi.com/googlMapTagged.shtml Thanks! Google SEO observation is part science and part black art. Aggressive SEO is the best way as it tries to deceive the system. On the hand you may receive a web site with high rank one-day. Bu there might be a huge chance of facing the eviction next. So, its always better for you to look out for optimizers that can assure you for #1 rankings in major search engines (Google, Yahoo, Altavista, etc.). They can do more damage than good. It’s quite known that search engines like Google and Yahoo admires web pages with steamy content. The more pages you show in your area of expertise the more exposure you will get to all the major search engines. The most important thing is that how you place your content along with the tile, keywords and heading tags for a particular web page. If all these necessary elements placed properly then without any doubt you will receive more search engine visibility. Your page will rank higher. I'm using google map on my webpage for pin point a location and then save the image with the location. My problem is one of my clients wants to have an option that they can add additional markers without typing the address again. How will I do that? Thanks in advance Hi. I can't seem to install the google analytics to my site correctly no matter what I do. Would someone be willing to look at my code and tell me what I'm doing wrong. Thanks so much in advance. I want to create a google search bar for my website. Not a custom search, but one that will use just generic google. How would I go about doing this (may require JS/PHP) hi every i'm Rohit From India and just started working with the html and i've an task given by my teacher i have to make a web page with one header pic and a footer pic and there should be one google search box in Header i know how to make a google search box in a simple web page using this code HTML Code: <html> <head> </head> <body> <form name="search" action="http://www.google.com/search" target= "_blank"><input name="query" value= "site:http://www.my_site.com" type="hidden" /><input name="q" type= "text" class="field" value="Search Stuff" /><input type="submit" class= "button" value="Search" /></form> </div> </body> </html> but here i've too make a search box over an pic so what i did is i made a simple header in photoshop then i sliced it and use it in my web page using a table and placed the text input box one column and the search button on the next column but now the searching is working i'm English learning too . i know its not good but if its hard for you what i 've written then do this :- i have attached a zip file which have the source files so please edit the html code without changing the current look of the page and make the search box work and i'm new to this site too if i did anything wrong or posted my question at wring place plz don't mind hi, my site logodepot.co.uk has a javascript slideshow at the top right of the page, this does not show in google chrome however? any ideas? thanks Hello, i created a page about a month ago and it still isn't indexed by google. I have read up on how to optimize for indexing but nothing seems to work. Can anybody tell me what i'm doing wrong here? www.laurentian-home-for-sale.com thanks alot |
|||||||