Phew!!! Finally got it. Thank you very much for your guidance on
this Larry. Feels good to be moving on.
var points = polyline.GetPointsAtDistance(1609.344);
for (var i=0; i<points.length; i++) {
// Create our marker icon
var icon_number = i + 1;
var testIcon = new GIcon();
testIcon.image="http://www.examplesite.com/"; +
[icon_number] +
".png";
testIcon.iconSize = new GSize(12,21);
testIcon.shadow="http://www.examplesite.com/shadow.png";;
testIcon.shadowSize = new GSize(21,21);
testIcon.transparent="http://www.examplesite.com/transparent.png";;
testIcon.iconAnchor = new GPoint(6,21);
testIcon.infoWindowAnchor = new GPoint(6,0);
// Set up our GMarkerOptions object
markerOptions = { icon:testIcon };
var test_point = points[i];
map.addOverlay(new GMarker(test_point, markerOptions));
}
On Jun 6, 11:47 am, aidema <[email protected]> wrote:
> Ok I understand what you mean.
>
> Unfortunately when I tried this new approach the mile markers are
> still not plotting.
>
> var polyline = new GPolyline([
>
> new GLatLng(35.21420969483077,-91.86115264892578),
> new GLatLng(35.238889532322595,-91.80244445800781) ], "#B9002F",
> 4,.4);
> map.addOverlay(polyline);
>
> var points = polyline.GetPointsAtDistance(1609.344);
> for (var i=0; i<points.length; i++) {
>
> var TestIcon = new GIcon();
>
> TestIcon.image="http://www.randommouse.com/rms/about/product/FNDRY/
> skins/default/images/misc/gmaps_icon_main_123.png";
> TestIcon.iconSize = new GSize(50,40);
> function createTestMarker(test_point,test_html) {
> var test_marker = new
> GMarker(test_point,TestIcon);
> GEvent.addListener(test_marker, "click",
> function() {
> test_marker.openInfoWindowHtml(test_html);
> });
> return test_marker;
> }
> var test_point = points[i];
> var test_marker = createTestMarker(test_point,'<div
> style="width:
> 40px">Testing</div>')
> map.addOverlay(test_marker);
> }
>
> On Jun 6, 11:43 am, "[email protected]" <[email protected]>
> wrote:
>
>
>
>
>
>
>
> > On Monday, June 6, 2011 10:36:47 AM UTC-7, aidema wrote:
>
> > > I understood that the points[i] variable was actually two arguments?
>
> > > On Jun 6, 11:31 am, "[email protected]" <[email protected]>
> > > wrote:
> > > > On Monday, June 6, 2011 10:24:20 AM UTC-7, aidema wrote:
>
> > > > > This was my latest attempt. It doesn't plot the mile markers.
>
> > > > > var polyline = new GPolyline([
>
> > > > > new GLatLng(35.21420969483077,-91.86115264892578),
> > > > > new GLatLng(35.238889532322595,-91.80244445800781) ], "#B9002F",
> > > > > 4,.4);
> > > > > map.addOverlay(polyline);
>
> > > > > var points = polyline.GetPointsAtDistance(1609.344);
>
> > points[i] is a GLatLng, not 2 numbers.
>
> > > > > for (var i=0; i<points.length; i++) {
>
> > > > > var TestIcon = new GIcon();
> > > > > TestIcon.image="http://www.randommouse.com/rms/about/product/FNDRY/
> > > > > skins/default/images/misc/gmaps_icon_main_123.png<
> > >http://www.randommouse.com/rms/about/product/FNDRY/skins/default/imag...>";
>
> > > > > TestIcon.iconSize = new GSize(50,40);
> > > > > function createTestMarker(test_point,test_html) {
> > > > > var test_marker = new GMarker(test_point,TestIcon);
> > > > > GEvent.addListener(test_marker, "click", function() {
> > > > > test_marker.openInfoWindowHtml(test_html);
> > > > > });
> > > > > return test_marker;
> > > > > }
> > > > > var test_point = new GLatLng(points[i]);
>
> > > > GLatLng takes 2 arguments, you should be getting a javascript error.
>
> > points[i] is already a GLatLng...
> > you should be able to do:
> > var test_point = points[i];
>
> > -- Larry
>
> > > > -- Larry
>
> > > > > var test_marker = createTestMarker(test_point,'<div style="width:
> > > > > 40px">Testing</div>')
> > > > > map.addOverlay(test_marker);
> > > > > }
>
> > > > > On Jun 6, 8:25 am, aidema <[email protected]> wrote:
> > > > > > Thanks Larry. I'll take a look at the code for the link you sent
> > > > > > and
>
> > > > > > see if it helps.
>
> > > > > > I did try to do custom markers based on Mike's example and also the
> > > > > > Google documentation but whenever I do try I break it.
>
> > > > > > I would rather just see the solution with the code I pasted in my
> > > > > > first post. I appreciate the links but I do plenty of searching
> > > > > > before I come here to ask for help. So I'm not extremely confident
> > > > > > that I'll be able to derive a solution from the link.
>
> > > > > > On Jun 4, 1:00 pm, "[email protected]" <[email protected]>
> > > > > > wrote:
>
> > > > > > > On Jun 4, 1:08 pm, aidema <[email protected]> wrote:
>
> > > > > > > > I used the epoly.js from Mike William's site to plot mile
> > > > > > > > markers
> > > on
> > > > > a
> > > > > > > > Google Map.
>
> > > > > > > > It works great, but... I want to customize that marker so I
> > > > > > > > don't
>
> > > > > have
> > > > > > > > the standard red Google pin. Is that possible?
>
> > > > > > > yes see Mike William's tutorial on custom markers.
>
> > > > > > > > Also, I'd even like to go a step further and use custom icons
> > > > > > > > for
> > > the
> > > > > specific mile
> > > > > > > > number.
>
> > > > > > > Like this?
> > > > >http://www.geocodezip.com/basic8j.asp?filename=example_number.xml
>
> > > > > > > -- Larry
>
> > > > > > > > I have the icons made already... for this forum, lets say
> > > > > > > > they
> > > > > > > > arehttp://www.examplesite.com/1.png(1representsthe<http://www.examplesite.com/1.png%281representsthe>
> > > <http://www.examplesite.com/1.png%281representsthe>mile).
>
> > > > > > > > Thanks!
--
You received this message because you are subscribed to the Google Groups
"Google Maps API V2" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-maps-api?hl=en.
![http://www.examplesite.com/shadow.png"](http://www.examplesite.com/shadow.png"){kind=link}
![http://www.examplesite.com/transparent.png"](http://www.examplesite.com/transparent.png"){kind=link}
