I've run into a small problem with the semi-new KML Overlay functionality with Google Maps API v3, wherein while I am able to use "suppressInfoWindows: true;", the cursor still appears as though the overlay(s) are clickable.
Is there a way at this time to change the css on the overlay(s) so that the cursor is the default cursor, so that they are purely visual, and don't confuse the user?
You can do this through javascript (not sure about a purely CSS solution) using something along the lines of...
var ctaLayer = new google.maps.KmlLayer({
url: 'myKmlFile.kml',
suppressInfoWindows: true
});
if (ctaLayer.suppressInfoWindows) ctaLayer.setOptions({clickable:false});
ctaLayer.setMap(map);
This sounds like a bug. You should file it at the Google Maps API's issue tracker.
Related
I want to use 3 markers in a script. I've started to use Kanji and Kiro marker preset without problem.
When i've started to add a third marker (a pattern with letterA.patt file via ar.js url), google chrome (and firefox) complained about a memory problem !
The only solution founded was to modify aframe-ar.js and added letterA as marker preset, like Kiro and Kanji.
Question1: what about that memory problem with my pattern ?
Question2: why not added more marker preset (letterD...) by default in aframe-ar.js ?
Best regards,
Emmanuel
Not really the right platform for this question. You can use any number of markers that you want, you're not limited to just two. The AR.js preset might be limited but you can add your own markers with a .patt file. You can create your AR.js ready tag using the ARjs marker generator or by uploading your model and image target to the echoAR platform and then download the image marker.
After you get you .patt file you can add it to your scene like so:
<a-marker type='pattern' url='./<path to your .patt>'>
Inside your marker just add whatever you would do in a preset marker, just don't forget to close the marker tag.
Hi I am facing problem with Google map in sencha touch 2. Following is the code ..
new Ext.application({
name:'Touch Start',
launch:function(){
var map = new Ext.Panel({
fulscreen:true,
items:[
{
xtype:'map',
useCurrentLocation:true,
}
]
});
this.viewport = map;
}
});
Please Help is anyone know about this
First of all, and before your question gets closed, you're not exactly telling us what the problem is with your code. So, I guess you can be facing two different problems
Google Maps API is required
Be sure to add the script tag that load the Google Maps API. You can find infos here
No Layout
Your main panel doesn't contain any layout, so it doesn't know how to display its items
Try to add this to the config :
layout: 'fit'
Here's a working example where the Google Maps API is loaded asynchronously :
http://www.senchafiddle.com/#MhAME
Hope this helped
Is it possible to display the marker tooltip (the title) by default in Google Map API 3? (Not the info windows)
Tooltip displaying is browser's behavior - it is impossible to call it with JS.
I using this library : http://code.google.com/p/google-maps-utility-library-v3/wiki/Libraries and happy with the result. For those looking similar should try this.
trying to create custom infowindows in my application that is based on google maps.
next example is one of my base points for development:
http://gmaps-samples-v3.googlecode.com/svn/trunk/infowindow_custom/infowindow-custom.html
problem is that whatever i use this or some other example, in forefox's firebug i'm getting error
google is not defined
InfoBox.prototype = new google.maps.OverlayView();
can you help me how to solve this, i can not continue my work without custom infowindows.....
my mistake - i did not include properly google map api library - i included infobox.js before http://maps.google.com/maps/api/js?sensor=false
It seems like I have to assign an hosted image URL to a MarkerImage object to create custom icons. Is there a way to allow the user to pick a color to fill in this image?
Try using the Google Charts API to generate markers. You can choose the colour.
Look for styled markers in a list of Google Maps libraries. This looks like it could help.
I would also look into generating the images on the fly with canvas and then producing a data URL:
var dataURL = canvas.toDataURL("image/png");