I print google map with satellite mode in my page using google map api 3.0. now can i printed window of google map in print firenldy mode. i dont have any idea for this !!!
google map load in :
<div id="mapdiv"></div>
Thanks
Is there anything specific to the google maps that would affect the print style?
Assuming no, I think you want to look into CSS media queries and define styles for print mode. I would guess you want to do things like hide navigation elements and perhaps make the map div bigger.
http://css-tricks.com/css-media-queries/
Related
I don't know if this is the place to ask for this kind of stuff but i'll try.
I want to integrate a map of google maps embedded in my website that shows my geotagged instagram pictures on it.
There are some online services but none is exactly doing what i need which is so basic at the same time.
I found a widget called snapwidget where you can manage to show your pictures in the map, but then you have no option to set the zoom of the map and the controls wont' appear.
Is there any way to show and set the zoom controls in a embedded google map which is not directly from google maps api?
Well according to the Embed API documentation you can set optional parameters for the zoom level and other settings. I don't see anything to disable the controls, and I don't know about integrating with Instagram photos.
e.g.
https://www.google.com/maps/embed/v1/view
?key=YOUR_API_KEY
¢er=-33.8569,151.2152
&zoom=18
SnapWidget is one option, but then there's also Widgetic and The Data Pack.
http://thedatapack.com/embed-instagram-map/
A lot of my clients(companies) want to print google maps (with directions) on b/w printers. But when we tried to do this - maps became agly because google maps has litle contrast and small resolution. As a result - everething on map isn't clear visible. We tried all possible settings of the printer and nothing couldnt help.
How to solve this programly? How make google maps (with routs on it) contrast ang good resolution?
Try reading the Styled Map section of the Google Maps API. They even have a wizard that could help you create a grayscale map.
Not a direct answer but something that indirectly solved the problem for me.
Overview - use freeware image editor 'IrfanView' to 'flatten' the image to b/w, using a custom threshold (not supported in standard IrfanView).
copy the map image from Google maps to the clipboard
paste into IrfanView
install the free 'threshold' plugin into IrfanView
3.1) Download FineThreshold from http://www.mehdiplugins.com/english/finethreshold.htm
3.2) Unzip it and save it in a known location.
3.3) In IrfanView, go to Image / Adobe 8BF Plugins / Filter Dialogs.
Use 'Add 8BF filters' (file) to locate and load the filter.
Use 'start selected filter' to invoke the actual filter.
Note the 'ok/cancel' buttons remain grayed out but work.
I found ~228 was a good threshold value for Google Maps. Just slide around that mark, and see when the background switches from black to white. You have to hit 'ok' for each value to see the impact. Then you have to exit the plugin to return to the main IrfanView window.
Try http://www.openstreetmap.org , select cycle map (on stack top right). Labels are slightly bigger than on Google, contrast is better (still not great)
this looks better fit for your need
https://snazzymaps.com/style/79/black-and-white
you can print with markers and labels also.
I am using Google Map Version 3 API to add markers on Google Map.
The problem is that, markers show up on browsers.
but when users print the map through browser's print command, nothing shows up.
The question is,
- How can I display markers on printed materials? -
Comparisons:
On the browser - markers are clearly visible
After Print (IE7, IE8) - markers are not printed (on paper or PDF)
After Print (FireFox 3.5.4) - only markers are printed
I suggest you try out the Static Maps API. You can build a url that will return a static image (you can build your custom markers into the URL).
The browser will do a much better job of printing an image than it will do with a dynamic Google map.
I was able to print markers by using MarkerWithLabel in place of Google's Marker class which uses images in place of canvas.
In my print dialog there is a checkbox "print background images". When I enable it, the markers are printed. This link can help you: How can I force browsers to print background images in CSS?
I had no issue with printing the markers.
I've created my own markers and I use an <IMG> tag to stick the marker icon in.
The markers print fine on IE 8 on default settings.
Please find the link given below:
https://gist.github.com/jawsthegame/6801698
Using this you will be able to print Google Map along with custom markers.
You only need to make a change at line number 17.
Replace container.clone(); with $(container).clone();
I want to have google map on my page and I hope it can be based of a zipcode.example 90001.
I also would like to have the general stuff like the ability to zoom out, zoom in etc.
Where can I get this?
Google Map Tutorial:
http://code.google.com/apis/maps/documentation/javascript/introduction.html
Control tutorial:
http://code.google.com/apis/maps/documentation/javascript/controls.html
Well i want to upgrade contact page with dynamic map showing location and give oportunity to calculate route for comapny headquatters. Id it necessery for such simple task use Google api? i mean here generating akey etc? Fo i have any other alternatives to google maps?
There's really no reason to mess with the API at all unless you need to customize the appearance or behavior of gmaps. Why not just use an iframe with a url of:
http://maps.google.com/?q=[you-url-encoded-address-here]
or better yet, set up a textbox and a 'get directions' button to redirect that frame to:
http://maps.google.com/maps?saddr=[their-address]&daddr=[your-address]
edit: this works well in modal dialog if you don't want the google logo sticking out like a sore thumb in your pageflow
You could probably embed directly with a specific URL that will configure it to have the destination you want.
By the way, well written answers are much more likely to receive useful responses here.
You could consider http://www.openlayers.org/ as an alternative to google maps.
In fact open layers can be used to add a Google map, or an OpenStreetMap map or a Bing map, etc.