Label overlay example for Google Maps API v3 | Marc Ridey - Blog Here's a simple example of creating a custom overlay class for Google Maps API v3. This Label overlay can either be used on its own, or bound to a marker. First, create the Label class and place it in a label.js file. // Define the overlay, derived from google.maps.OverlayViewfunction Label(opt_options) { // Initialization this.setValues(opt_options); // Label specific var span = this.span_ = document.createElement('span'); span.style.cssText = 'position: relative; left: -50%; top: -8px; ' + 'white-space: nowrap; border: 1px solid blue; ' + 'padding: 2px; background-color: white'; var div = this.div_ = document.createElement('div'); div.appendChild(span); div.style.cssText = 'position: absolute; display: none';};Label.prototype = new google.maps.OverlayView; // Implement onAddLabel.prototype.onAdd = function() { var pane = this.getPanes().overlayLayer; pane.appendChild(this.div_); // Implement onRemoveLabel.prototype.onRemove = function() { this.div_.parentNode.removeChild(this.div_);
How To Optimize Your Website You could optimize your website and increase the traffic through many ways. Search engines rank each and every website according to an algorithm. The highest a website is ranked on a search engine the more amount of traffic that particular website receives. This is simply because once a person enters a keyword in a search engine, which is related to your website the search engine would display your website at the top of its search results. It must be kept in mind that optimizing your website can be a really tiring task, one that requires a lot of patience and time. The title of your web page and the meta tags included in it greatly influences the chance of your website being picked for a particular search query. Link exchange programs go a long way in optimizing your website and increasing the traffic for your website. There are various other ways to optimize your website. What is your strategy to optimize your website for search engines?
How to use Google Maps Street View This is my fourth tutorial covering features of the Google Maps API v3. This time I will show you how to use the street view service. I have built an app for this tutorial, an interactive visit of Paris. You’ll be able to visit certain locations, walk through Paris or take virtual tours. What google maps features are covered in the tutorial? Adding a map to your siteUsing the directions serviceUsing the street view service – used to show a 360 view of various places Prerequisites The application is built using html, php and javascript. What are we going to build? We’re going to build an interactive visit of Paris. You can view the app here! Creating the layout for our app We’ll use a simple layout. Here’s how the code looks like: The map_canvas1 div will be used to hold the map, the map_canvas2 div is for the streetview and the directions div is for the showing the steps in the tour. Showing the map and streetview We will first have to include the google maps api, like so: And we’re done!
3 Secrets For Writing Blog Articles That Google Loves This is a Guest Post written by Lisa Angelettie. If you would like to write for TechieMania, check our guest posting guidelines . No real writer wants to write articles specifically for search engines (like Google ), because they like to write instead for the enjoyment of their readers. The truth is, is that in order for your blog articles to be read on the web, people have to be able to find them, yet they have to be interesting and useful for the reader as well. Secret #1 – Add Your Keywords Naturally You must do proper keyword research in your niche in order to find keywords and keyword phrases that you actually have a chance for ranking for, and when you find those keywords you must add them to your articles naturally . It’s very important that you do not “stuff” your article with keywords like in the old days, because that is a sure signal to Google that your article is spam. Follow this formula and you are sure to write articles that Google recognizes and shows in search results.
Applying photo-textures to the sides of your building - SketchUp Help Photo-textures are pictures of the actual building which you apply to the walls and roof of your model. These pictures can come from a few different sources: Tip:Sometimes it's useful to subdivide a face on the side of your building into smaller faces before you apply a photo texture. This is especially true for very long street-facing walls that are difficult to see in a single photograph. Use the Line tool to draw edges that subdivide a face. Using Street View imagery The easiest way to apply a photo-texture to the side of your building model is to use imagery from Street View in Google Maps. Refer to Using Street View images to photo-texture buildings for more information. Using your own photos You can use almost any photograph as a photo texture in SketchUp. Note: After you've taken (or otherwise obtained) photos of your building, you need to optimize them for use as photo textures in SketchUp. Follow these steps to apply photographs to flat faces in your model as photo textures: