Hi Rik,

i did it the easy way.
In google maps  you have the opportunity to get an embedding code (iframe way) - copy this and paste it into an xslt macro and check "Use in editor".
Now you can insert this macro into an content page in tinyMCE.

/horst

* add script into separate .js file and add link to it

* put script into cdata section in xslt

Horst: true but that way you don't have the possibility to set the text inside the balloon, define markers, and all the other stuff the API allows you to customize...

Petr: how would you add the link to the javascript file in the header section if you want to use the same page templates for all content pages?

This is my temporary solution that embeds it into a page template (but i'd still like to be able to embed it into the content area itself...)

<%@ Master Language="C#" MasterPageFile="/masterpages/InnerPageMaster.master" AutoEventWireup="true" %>


<asp:Content ContentPlaceHolderId="additionalPageHead" runat="server">
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABQIAAAAvtsp6eXg1HIjSwivCNSVFRQVGMMgQ78JOwTIVqc4uOsobDRt_hQM16B8XtzGW9gCZ-nIeesGwCV-NQ"></script>
</asp:Content>


<asp:Content ContentPlaceHolderID="ContentPlaceHolderDefault" runat="server">
<h1><umbraco:Item field="Title" runat="server"></umbraco:Item></h1>
<umbraco:Item field="PageContent" runat="server"></umbraco:Item>
<br />
<div id="map" style="width: 511px; height: 400px; border: 1px solid #ccc"></div>   
<script type="text/javascript">
  google.load("maps", "2.x");
   
  // Call this function when the page has been loaded
  function initialize() {
    var map = new google.maps.Map2(document.getElementById("map"));
    map.addControl(new GSmallMapControl());
    map.setCenter(new google.maps.LatLng(50.86961044984257, 4.419143199920654),15);
 
var info='<div style="background-color: #fff; width: px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>Recytyre</B> VZW<BR>Avenue Jules Bordet 164<BR>1140 Evere<BR>Belgium<br></div>';
         var point = new GLatLng(50.86961044984257, 4.419143199920654);
         var marker = new GMarker(point);
         GEvent.addListener(marker, "click", function() {
          marker.openInfoWindowHtml(info);
         });
         map.addOverlay(marker);
         marker.openInfoWindowHtml(info);  }
  google.setOnLoadCallback(initialize);
</script>
</asp:Content>

Hi,

Inserting script with link to external source into header isn't good idea for your page load speed, if google is inaccessible :-) your page try download script and will wait for timeout.

Why you don't put content of additionalPageHead in front of your second script tag?

Maybe you should look at http://clientdependency.codeplex.com/ which is for automating including scripts, minifiiing it etc.

Petr

@Petr - that looks really sweet! (: thanks, i'll have a play with that next week. 

Maybe you should look at http://clientdependency.codeplex.com/ which is for automating including scripts, minifiiing it etc.

why wouldn't you just use one of the many google maps packages found in the projects section of this website?

Horst - I've tried your suggestion as I'm happy to use the iframe method but I have a problem:

When I visualise my xslt, I can see the map just fine, it's all good, but when I drop the macro into a page in tinyMCE, it doesn't render...

The rendered markup is just

<?UMBRACO_MACRO macroAlias="GoogleMap" />

Am I missing something here?

There is an issue that if the RichText content is rendered using a XSLT Macro, then the Macro contained in the RichText content does not get processed.

Try loading the content using; (replacing body for whatever is the correct alias for your richtext content).

<umbraco:Item field="body" runat="server">

Hope that helps, Laurie

<?UMBRACO_MACRO /> is the old format for v3, you need to use <umbraco:Macro Alias="GoogleMap" runat="server" /> in v4.

Hope this helps.

Benjamin

Laurie, you're a genius, thanks very much : )

No worries! Its always something simple! 

Hopefully this will be fixed soon ;) /Laurie

is working on a reply...