I am implementing google maps on a page but when I instantiate a new google.maps.Map() It breaks the tinymce editor. Can anyone tell me if there is a known workaround or if I'm doing something wrong.
The firebug error is tinymce is not defined http://savvylist.com/js/tiny_mce/jquery.tinymce.js Line 1 I should mention that I know it's the google.maps.Map instance because when I comment out that line, I do not receive any javascript errors in firebug. Here is the relevant head tags <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="http://maps.google.com/maps/api/js? sensor=false"></script> <script type='text/javascript' src='/js/tiny_mce/jquery.tinymce.js'></ script> <script type="text/javascript" src="/business.js"></script> Here is the relevant jquery document ready code $(document).ready(function(){ .. $('textarea#wysiwygNew').tinymce({ // Location of TinyMCE script script_url : 'businessAssets/js/tiny_mce/tiny_mce.js', // General options theme : "advanced", plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,advlist", // Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true }); var latlng = new google.maps.LatLng(37.680723,-97.313576); var myOptions = { zoom: 8, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; var mightyMap = new google.maps.Map(document.getElementById("mightyMap"),myOptions); }); And here is the relevant html. <div id="mightyMap" style="width:100%; height:100%;"></div> <textarea id="wysiwygNew"></textarea> Thank you in advance for any suggestions. -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" 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-js-api-v3?hl=en.
