Changing KML Placemark icons on click in Google Maps API V3 -

-

i trying change kml placemark icons of kml overlay in sample maps application working on.

here's sample code -

function seekml() {  var mylatlng = new google.maps.latlng(40.65, -73.95); var myoptions = {     zoom: 14,     maptypecontrol: true,     center: mylatlng,     maptypecontroloptions: {         style: google.maps.maptypecontrolstyle.dropdown_menu,      position: google.maps.controlposition.top_right     },     navigationcontrol: true,     navigationcontroloptions: {         style: google.maps.navigationcontrolstyle.small     },     maptypeid: google.maps.maptypeid.roadmap }; url_end = "?nocache=" + (new date()).valueof(); //for no kml caching  mykml = "http://kmlscribe.googlepages.com/samplesinmaps.kml" + url_end  gmap = new google.maps.map(document.getelementbyid("map"), myoptions); var ctalayer = new google.maps.kmllayer(mykml,{suppressinfowindows: true}); ctalayer.setmap(gmap);  google.maps.event.addlistener(ctalayer, 'click', function(event) {                   this.seticon(gyellowicon);   }); }

gyellowicon has been defined in code before -

var gyellowicon = new google.maps.markerimage(   "image url",   new google.maps.size(31, 31),   new google.maps.point(0, 0),   new google.maps.point(6, 20));

i want change kml overlay placemarks, when user clicks on of placemarks shown on kml overlay. above code doesn't work.

i'm working on exact same thing and, in case, directly edit kml file. if have access , can edit it, here's did:

1) right under <document> tag, paste this:

<style id="desired_id">   <iconstyle>     <icon>       <href>http://www.yourwebsite.com/your_preferred_icon.png</href>       <scale>1.0</scale>     </icon>       </iconstyle> </style>

the scale parameter not supported in google maps @ moment. here can check supported elements of kml in google maps:

http://code.google.com/intl/en-en/apis/kml/documentation/kmlelementsinmaps.html

and here you've got info compatibility between kml , gmaps:

http://code.google.com/intl/en-en/apis/kml/documentation/mapssupport.html

2) once you've defined you're style, can refer on each placemark item adding following it:

<styleurl>#desired_id</styleurl>

now, placemarks should display showing custom icon.

hope helps.

edit: sorry didn't see on click part. isn't quite need then. i'll leave in case helps else. sorry that.


Comments

Post a Comment

Popular posts from this blog

ASP.NET/SQL find the element ID and update database -

-
basically i've got update query runs when click submit button. i have asp:repeater in page layer inside this <asp:repeater id="dgbookings" runat="server" onitemdatabound="itemdb"> <itemtemplate> <div class="bookingscontent"> <div class="bookingdetails" id="<%# databinder.eval(container.dataitem, "booking_ref") %>"> <p class="infotext"><%# databinder.eval(container.dataitem, "adults") %> <asp:linkbutton onclick="editdetails" text="edit..." runat="server"></asp:linkbutton></p> <p class="infotext"><asp:linkbutton onclick="submitdetails" text="submit..." runat="server"></asp:linkbutton></p> </div> </div> </itemtemplate> <asp:repeater> and outputs ...
Read more

jquery - appear modal windows bottom -

-
i have modal windows in application, work fine <div id="modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mymodallabel" aria-hidden="true"> but when modal appears, appear top of windows, , want appear bottom the application joomla 3.0! , using template of meet gavern any idea? i found solution i modified de css in bootstrap .modal.fade { top:-25%; -webkit-transition:opacity .3s linear, bottom .3s ease-out; -moz-transition:opacity .3s linear, bottom .3s ease-out; -ms-transition:opacity .3s linear, bottom .3s ease-out; -o-transition:opacity .3s linear, bottom .3s ease-out; transition:opacity .3s linear, bottom .3s ease-out; }
Read more

c++ - Compiling static TagLib 1.6.3 libraries for Windows -

-
i having super hard time compiling , using taglib 1.6.3 in qt project. i've tried can think of. taglib claims supported through cmake i'm not having luck. furthermore, i'm confused kinds of files need qt libs! i've built *.a files, *.lib, , *.dll. understand far... believe since i'm working in windows *.lib want. no matter do, end "undefined references" taglib functions try use when try compile qt project. have tried mingw32, msys, visual studio 2008, , cross-compiling windows on linux. turning nothing. what makes less sense me if compile same taglib source qt on mac (g++ think?) works fine! somewhere in windows compilation procedures have going wrong. have been smacking face on desk 30 (on , off) hours trying figure out. since qt uses mingw must compile taglib same compiler? if compile *.lib's visual studio not compatible? are *.a libraries usable in windows? (assuming mingw) i'm still trying handle on c++ stuff, after reading coun...
Read more