Hello. I have a google map which takes location information from a form element on the page to give directions which are displayed on the map. At the moment they are two separate elements on the page; a form for the controls and a div which contains the map. I would like to give them a more semantic connection to each other to try and group them but im not sure how.

I have considered putting the div for the map inside the fieldset tag for the form, but as it is not a form element it does not feel right... but it does belong to the form in a way as it is the output. Any ideas?

I would like to give them a more semantic connection to each other

Why??

...

The div containing the map has no function as a single element in the context of my page. It only gets its meaning when grouped with the form which sets up a location for directions. Presented visually on the page I can of course see that the two elements are tied to each other due to the layout, but I wish to create a similar structural tie.

I have been looking more into fieldset and think that it is in fact more tolerant to non-form elements than I first thought, so I feel like this might be the way to go.

But the Google map code is in a iframe so no matter how or where you position it "semantically", it IS an external item so stricly speaking has no "connection" to any other page element.

I am using the maps API which does not use iFrames to embed the map.

In that case I've run out of guesses of any way it could be done and of course no real idea why you should think it is so important.