<html>
<head>
<style type="text/css">
<!--
body { margin-left: 4px; margin-bottom: 1px; font-variant: normal; margin-top: 4px; margin-right: 4px; line-height: normal }
p { margin-bottom: 0; margin-top: 0 }
-->
</style>
</head>
<body>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="3">Julie,</font> </p>
<br>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="3">This may sound like an extreme suggestion, but . . . .</font> </p>
<br>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="3">If you are not going to have a lot of data that is mapped based, as in a lot of different layers, then you could simply move and scale those states (Alaska and Hawaii), you would need to move all corresponding data as well as any overlays that might be added.</font> </p>
<br>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="3">The Site list here doesn't seem to have all that much mapping related data to worry about (yet) and changing all the layers data might be an option. It doesn't leave much room for tweaking though since and additions would need to take into effect the scale and location difference of the two special states.</font> </p>
<br>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="3">Another possible option might be to add in more map views, this let's the data stay in it's real world position, but allows you to display things along side of each other, and if you weren't worried about scaling the odd states (actually you might be able to handle this as well with some extra work), you could use a image "Sprite" method for pulling the data together on the server, one composite image with three different views, that you could dissect and position for display on the client, same image in three different locations, showing three different views of the same image. This would be a specialized service, but doable, as long as you can map the borders of all the mapviews to the appropriate requests on the server correctly. I ran into this same problem a few years back, with the added complication of different projections for each mapview.</font> </p>
<br>
<p style="margin-top: 0; margin-bottom: 0">
<font face="Comic Sans MS" size="3">bob</font> </p>
<br>
<p style="margin-top: 0; margin-bottom: 0">
<br>
<br>
>>> Julie Knoll <julieknoll@gmail.com> wrote:<br> </p>
<div style="margin-left: 15px; padding-left: 7px; margin-bottom: 0; border-left: solid 1px #050505; margin-top: 0; margin-right: 0; background-color: #f3f3f3">
<p style="margin-top: 0; margin-bottom: 0">
<font size="2" color="#663366" face="trebuchet ms,sans-serif">Thats what I originally thought about doing, but I don't know how I would go about converting it to the right coordinates when the user clicks on the map. The site I'm working on is <a href="http://geofred.stlouisfed.org">http://geofred.stlouisfed.org</a> There's so many other things going on server side to calculate the data and what not that maybe its just not worth the effort.<br style="font-family: trebuchet ms,sans-serif; font-size: 2; color: #663366"><br style="font-family: trebuchet ms,sans-serif; font-size: 2; color: #663366">Julie<br style="font-family: trebuchet ms,sans-serif; font-size: 2; color: #663366"></font><br> </p>
<div class="gmail_quote">
<p style="margin-top: 0; margin-bottom: 0">
On Mon, Feb 22, 2010 at 1:35 PM, Stephen Woodbridge </p>
<div dir="ltr">
<p style="margin-top: 0; margin-bottom: 0">
<<a href="mailto:woodbri@swoodbridge.com">woodbri@swoodbridge.com</a>> </p>
</div>
<p style="margin-top: 0; margin-bottom: 0">
wrote:<br> </p>
<blockquote class="gmail_quote" style="margin-left: 0; padding-left: 0; margin-bottom: 0pt; border-left: 1px solid rgb(204, 204, 204); margin-top: 0pt; margin-right: 0pt">
<div class="im">
<p style="margin-top: 0; margin-bottom: 0">
Julie Knoll wrote:<br> </p>
<blockquote class="gmail_quote" style="margin-left: 0; padding-left: 0; margin-bottom: 0pt; border-left: 1px solid rgb(204, 204, 204); margin-top: 0pt; margin-right: 0pt">
<p style="margin-top: 0; margin-bottom: 0">
Hi, I am working on a site that displays thematic data for the United States, and I would like to include small maps for Alaska and Hawaii in the corners of the main map, rather than having to zoom so far out to see them. Does anyone have any suggestions about the best way of going about doing this? Thanks.<br> </p>
</blockquote>
<p style="margin-top: 0; margin-bottom: 0">
<br>
</p>
</div>
<p style="margin-top: 0; margin-bottom: 0">
This is really a composition problem where you need to compose a single image from multiple separate images. The answer really depends on what media you are using like html, pdf, etc.<br><br>If you are trying to do this in a web application I would recommend an approach some like:<br><br>Using PHP/Mapscript, generate you three images and then use PHP GD to compose the three images into a single image and then return that to the browser. You can use a similar approach if you are using PDF depending on the PDF lib you are using.<br><br>-Steve W<br> </p>
</blockquote>
</div>
<p style="margin-top: 0; margin-bottom: 0">
<br>
</p>
</div>
</body>
</html>