Sampsa Sohlman Vor 13 Jahren Why do you do you namespace "<portlet:namespace />" javascript local variables? Porlet namespacing is only required for global variables.- Sampsa Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Sampsa Sohlman Vor 13 Jahren - Bearbeitet Hi Sampsa, Thanks. Good point. Namespace "<portlet:namespace />" is not required for JavaScript local variables. But in the portlet Google Maps V3, it would be better to have global variables using Porlet namespace in order to avoid any potential conflicts. Do you agree?Jonas Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sampsa Sohlman Jonas X. Yuan Vor 13 Jahren Hi JonasI agree with you that portlet namespace has to be used, but ONLY where needed ;) The svn attachment view.jsp is good code because it is dealing portlet namespace requirements, but code little bit ugly because there are too much <portlet:namespace /> pollution. To write cleaner code and avoid portlet namespace pollution you can wrap your code with closure.Wrapping to portlet JavaScript code to closure example:(function(window, namespace) { var wn = window[namespace]; wn.globalvariable = "I'm global variable"; var myValue = "I'm only visible inside closure"; wn.getMyValue = function() { return myValue; };})(window, "<portlet:namespace />");This also makes good minified result. I like to see all of my portlet JavaScript logic also to separated to own JavaScript file - Liferay has excellent .js file binding to portlet support. Because of that I have written a little framework http://code.google.com/p/jquery-portlet/ - but that is another story.Anyway, writing clean javascript portlet code could be good subject - Sampsa Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Sampsa Sohlman Vor 13 Jahren Nice! Thank you, Sampsa. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Jonas X. Yuan Sampsa Sohlman Vor 13 Jahren - Bearbeitet Hi Sampsa, Thanks. Good point. Namespace "<portlet:namespace />" is not required for JavaScript local variables. But in the portlet Google Maps V3, it would be better to have global variables using Porlet namespace in order to avoid any potential conflicts. Do you agree?Jonas Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sampsa Sohlman Jonas X. Yuan Vor 13 Jahren Hi JonasI agree with you that portlet namespace has to be used, but ONLY where needed ;) The svn attachment view.jsp is good code because it is dealing portlet namespace requirements, but code little bit ugly because there are too much <portlet:namespace /> pollution. To write cleaner code and avoid portlet namespace pollution you can wrap your code with closure.Wrapping to portlet JavaScript code to closure example:(function(window, namespace) { var wn = window[namespace]; wn.globalvariable = "I'm global variable"; var myValue = "I'm only visible inside closure"; wn.getMyValue = function() { return myValue; };})(window, "<portlet:namespace />");This also makes good minified result. I like to see all of my portlet JavaScript logic also to separated to own JavaScript file - Liferay has excellent .js file binding to portlet support. Because of that I have written a little framework http://code.google.com/p/jquery-portlet/ - but that is another story.Anyway, writing clean javascript portlet code could be good subject - Sampsa Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Sampsa Sohlman Vor 13 Jahren Nice! Thank you, Sampsa. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Sampsa Sohlman Jonas X. Yuan Vor 13 Jahren Hi JonasI agree with you that portlet namespace has to be used, but ONLY where needed ;) The svn attachment view.jsp is good code because it is dealing portlet namespace requirements, but code little bit ugly because there are too much <portlet:namespace /> pollution. To write cleaner code and avoid portlet namespace pollution you can wrap your code with closure.Wrapping to portlet JavaScript code to closure example:(function(window, namespace) { var wn = window[namespace]; wn.globalvariable = "I'm global variable"; var myValue = "I'm only visible inside closure"; wn.getMyValue = function() { return myValue; };})(window, "<portlet:namespace />");This also makes good minified result. I like to see all of my portlet JavaScript logic also to separated to own JavaScript file - Liferay has excellent .js file binding to portlet support. Because of that I have written a little framework http://code.google.com/p/jquery-portlet/ - but that is another story.Anyway, writing clean javascript portlet code could be good subject - Sampsa Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Sampsa Sohlman Vor 13 Jahren Nice! Thank you, Sampsa. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Jonas X. Yuan Sampsa Sohlman Vor 13 Jahren Nice! Thank you, Sampsa. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Sravani M Vor 13 Jahren How to install an OpenXava application on Liferay......?If i am follow the instructions given the liferay , but i am unable to integrate the liferay with openxava.I will follow the instruction of the following links as followshttp://www.liferay.com/community/wiki/-/wiki/Main/How+to+install+an+OpenXava+application+on+Liferayhttp://openxava.wikispaces.com/tomcat-liferay-setupIf any body integrate liferay with Openxava , Please Guide me the Detailed steps to integrate liferay with Openxava . Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Sravani M Vor 13 Jahren Hi Sravani, Thanks. Do you get any responses on your question - OpenXava application on Liferay? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sravani M Jonas X. Yuan Vor 13 Jahren Hi Jonas , I didn't get any response to that , if know the solution please Guide me the steps to get solution ........ Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Jonas X. Yuan Sravani M Vor 13 Jahren Hi Sravani, Thanks. Do you get any responses on your question - OpenXava application on Liferay? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sravani M Jonas X. Yuan Vor 13 Jahren Hi Jonas , I didn't get any response to that , if know the solution please Guide me the steps to get solution ........ Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Sravani M Jonas X. Yuan Vor 13 Jahren Hi Jonas , I didn't get any response to that , if know the solution please Guide me the steps to get solution ........ Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Xinsheng Robert Chen Vor 13 Jahren Hi, Jonas, this is very interesting. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Markus Mueller Vor 13 Jahren Hi Jonas,thank you for that. But i cannot refer to view.jsp as mentioned above. Could you please provide a full Version of view.jsp because my Integrations seems to have some css z-layer issues ;-)Markus Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Markus Mueller Vor 13 Jahren Hi Markus, you can find view.jsp at http://www.liferay.com/c/document_library/get_file?p_l_id=5624309&groupId=31578&folderId=6815235&name=DLFE-85603.jsp. Note that above view.jsp is used for Google Maps JavaScript API V2 only.Thanks Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,I followed your example for Google Maps V3 integration with Liferay 6.0-EE, am unable to veiw or load the map with basic configuration, the issue am facing is that the Liferay portal gets struck and its unable to load the page further The code of my view.jsp as follows,<%@include file="mapInit.jsp"%><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><aui:script use="aui-base"> var map; /* * */ function intitialize() { alert("init map"); var latlng = new google.maps.LatLng(13.066202, 80.250263); var mapOptions = { zoom : 12, center : latlng, mapTypeId : google.maps.MapTypeId.ROADMAP, mapTypeControl : true, panControl : true }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); } google.load("maps", "3", { callback : intitialize });</aui:script><div id="map_canvas"></div>Am i missing something here ?ThanksKamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Kamesh Sampath Vor 13 Jahren Hi kamesh, thanks.You should use <script type="text/javascript">instead of <aui:script use="aui-base">Hope that it helps,Jonas Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,Thanks very much for the reply, after changing that to script it did work and i finally made it to work with the following code which will be part of view.jsp,<%@include file="mapInit.jsp"%><script> var map; function initialize() { //alert("Intialzing the maps working ...."); var myLatlng = new google.maps.LatLng(-34.397, 150.644); var storeMapOptions = { zoom : 8, center : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), storeMapOptions); } function initLoader() { var script = document.createElement("script"); script.src = "http://maps.google.com/maps/api/js?v=3.1&sensor=false&callback=initialize"; script.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(script); } </script><div id="map_canvas"></div><script>initLoader();</script>Dont know why didn't wok the previous way I also added the following css modification to make it work, otherwise the map gets loaded and not displayedCSS.map-portlet #map_canvas { height: 480px; width: 640px;}You can now later this to display the size its needed to beAnother questions1. I have is how do we contribute to the blogs ? I dont see any link to activate or register for the blog. 2. Any documentation available on usage of aui:script i have seen some wikis but really dont understand its importance and usage Thanks.Kamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Huy Nguyen Quang Kamesh Sampath Vor 12 Jahren Hello Kamesh. I write my portlet the same as you. But the maps cannot be displayed. So would you send me your sample project for me? I need it just for reference. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Jonas X. Yuan Markus Mueller Vor 13 Jahren Hi Markus, you can find view.jsp at http://www.liferay.com/c/document_library/get_file?p_l_id=5624309&groupId=31578&folderId=6815235&name=DLFE-85603.jsp. Note that above view.jsp is used for Google Maps JavaScript API V2 only.Thanks Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,I followed your example for Google Maps V3 integration with Liferay 6.0-EE, am unable to veiw or load the map with basic configuration, the issue am facing is that the Liferay portal gets struck and its unable to load the page further The code of my view.jsp as follows,<%@include file="mapInit.jsp"%><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><aui:script use="aui-base"> var map; /* * */ function intitialize() { alert("init map"); var latlng = new google.maps.LatLng(13.066202, 80.250263); var mapOptions = { zoom : 12, center : latlng, mapTypeId : google.maps.MapTypeId.ROADMAP, mapTypeControl : true, panControl : true }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); } google.load("maps", "3", { callback : intitialize });</aui:script><div id="map_canvas"></div>Am i missing something here ?ThanksKamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Kamesh Sampath Vor 13 Jahren Hi kamesh, thanks.You should use <script type="text/javascript">instead of <aui:script use="aui-base">Hope that it helps,Jonas Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,Thanks very much for the reply, after changing that to script it did work and i finally made it to work with the following code which will be part of view.jsp,<%@include file="mapInit.jsp"%><script> var map; function initialize() { //alert("Intialzing the maps working ...."); var myLatlng = new google.maps.LatLng(-34.397, 150.644); var storeMapOptions = { zoom : 8, center : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), storeMapOptions); } function initLoader() { var script = document.createElement("script"); script.src = "http://maps.google.com/maps/api/js?v=3.1&sensor=false&callback=initialize"; script.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(script); } </script><div id="map_canvas"></div><script>initLoader();</script>Dont know why didn't wok the previous way I also added the following css modification to make it work, otherwise the map gets loaded and not displayedCSS.map-portlet #map_canvas { height: 480px; width: 640px;}You can now later this to display the size its needed to beAnother questions1. I have is how do we contribute to the blogs ? I dont see any link to activate or register for the blog. 2. Any documentation available on usage of aui:script i have seen some wikis but really dont understand its importance and usage Thanks.Kamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Huy Nguyen Quang Kamesh Sampath Vor 12 Jahren Hello Kamesh. I write my portlet the same as you. But the maps cannot be displayed. So would you send me your sample project for me? I need it just for reference. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,I followed your example for Google Maps V3 integration with Liferay 6.0-EE, am unable to veiw or load the map with basic configuration, the issue am facing is that the Liferay portal gets struck and its unable to load the page further The code of my view.jsp as follows,<%@include file="mapInit.jsp"%><script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script><aui:script use="aui-base"> var map; /* * */ function intitialize() { alert("init map"); var latlng = new google.maps.LatLng(13.066202, 80.250263); var mapOptions = { zoom : 12, center : latlng, mapTypeId : google.maps.MapTypeId.ROADMAP, mapTypeControl : true, panControl : true }; map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions); } google.load("maps", "3", { callback : intitialize });</aui:script><div id="map_canvas"></div>Am i missing something here ?ThanksKamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Jonas X. Yuan Kamesh Sampath Vor 13 Jahren Hi kamesh, thanks.You should use <script type="text/javascript">instead of <aui:script use="aui-base">Hope that it helps,Jonas Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,Thanks very much for the reply, after changing that to script it did work and i finally made it to work with the following code which will be part of view.jsp,<%@include file="mapInit.jsp"%><script> var map; function initialize() { //alert("Intialzing the maps working ...."); var myLatlng = new google.maps.LatLng(-34.397, 150.644); var storeMapOptions = { zoom : 8, center : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), storeMapOptions); } function initLoader() { var script = document.createElement("script"); script.src = "http://maps.google.com/maps/api/js?v=3.1&sensor=false&callback=initialize"; script.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(script); } </script><div id="map_canvas"></div><script>initLoader();</script>Dont know why didn't wok the previous way I also added the following css modification to make it work, otherwise the map gets loaded and not displayedCSS.map-portlet #map_canvas { height: 480px; width: 640px;}You can now later this to display the size its needed to beAnother questions1. I have is how do we contribute to the blogs ? I dont see any link to activate or register for the blog. 2. Any documentation available on usage of aui:script i have seen some wikis but really dont understand its importance and usage Thanks.Kamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Huy Nguyen Quang Kamesh Sampath Vor 12 Jahren Hello Kamesh. I write my portlet the same as you. But the maps cannot be displayed. So would you send me your sample project for me? I need it just for reference. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Jonas X. Yuan Kamesh Sampath Vor 13 Jahren Hi kamesh, thanks.You should use <script type="text/javascript">instead of <aui:script use="aui-base">Hope that it helps,Jonas Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,Thanks very much for the reply, after changing that to script it did work and i finally made it to work with the following code which will be part of view.jsp,<%@include file="mapInit.jsp"%><script> var map; function initialize() { //alert("Intialzing the maps working ...."); var myLatlng = new google.maps.LatLng(-34.397, 150.644); var storeMapOptions = { zoom : 8, center : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), storeMapOptions); } function initLoader() { var script = document.createElement("script"); script.src = "http://maps.google.com/maps/api/js?v=3.1&sensor=false&callback=initialize"; script.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(script); } </script><div id="map_canvas"></div><script>initLoader();</script>Dont know why didn't wok the previous way I also added the following css modification to make it work, otherwise the map gets loaded and not displayedCSS.map-portlet #map_canvas { height: 480px; width: 640px;}You can now later this to display the size its needed to beAnother questions1. I have is how do we contribute to the blogs ? I dont see any link to activate or register for the blog. 2. Any documentation available on usage of aui:script i have seen some wikis but really dont understand its importance and usage Thanks.Kamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Huy Nguyen Quang Kamesh Sampath Vor 12 Jahren Hello Kamesh. I write my portlet the same as you. But the maps cannot be displayed. So would you send me your sample project for me? I need it just for reference. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Kamesh Sampath Jonas X. Yuan Vor 13 Jahren Hi Jonas,Thanks very much for the reply, after changing that to script it did work and i finally made it to work with the following code which will be part of view.jsp,<%@include file="mapInit.jsp"%><script> var map; function initialize() { //alert("Intialzing the maps working ...."); var myLatlng = new google.maps.LatLng(-34.397, 150.644); var storeMapOptions = { zoom : 8, center : myLatlng, mapTypeId : google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map_canvas"), storeMapOptions); } function initLoader() { var script = document.createElement("script"); script.src = "http://maps.google.com/maps/api/js?v=3.1&sensor=false&callback=initialize"; script.type = "text/javascript"; document.getElementsByTagName("head")[0].appendChild(script); } </script><div id="map_canvas"></div><script>initLoader();</script>Dont know why didn't wok the previous way I also added the following css modification to make it work, otherwise the map gets loaded and not displayedCSS.map-portlet #map_canvas { height: 480px; width: 640px;}You can now later this to display the size its needed to beAnother questions1. I have is how do we contribute to the blogs ? I dont see any link to activate or register for the blog. 2. Any documentation available on usage of aui:script i have seen some wikis but really dont understand its importance and usage Thanks.Kamesh Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Huy Nguyen Quang Kamesh Sampath Vor 12 Jahren Hello Kamesh. I write my portlet the same as you. But the maps cannot be displayed. So would you send me your sample project for me? I need it just for reference. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Huy Nguyen Quang Kamesh Sampath Vor 12 Jahren Hello Kamesh. I write my portlet the same as you. But the maps cannot be displayed. So would you send me your sample project for me? I need it just for reference. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Carlos Fdo. Afanador M. Huy Nguyen Quang Vor 11 Jahren Hi Jonas...I'm wondering if you can help me with this issue. I'm trying to build a portlet in LF 6.1 as a plugin liferay ide and the simplest way of use the google map api v3 didn't not work for me...i have a portlet using Liferay MVC.In a simple jsp (and all the portlet is just this lines :S) i have:12<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=my_key&sensor=false" ></script>3<script type="text/javascript">45AUI().ready('event', 'node', function(A){6 var mapOptions = {7 center: new google.maps.LatLng(-34.397, 150.644),8 zoom: 8,9 mapTypeId: google.maps.MapTypeId.SATELLITE10 };11 var map = new google.maps.Map(A.one("#<portlet:namespace />map"), mapOptions);12});13 14</script>15<aui:form name="fm">16 <aui:fieldset>17 <aui:layout>18 <div class="maps-content" id="<portlet:namespace />map"></div>19 </aui:layout>20 </aui:fieldset>21</aui:form>Thanks in advance!! Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Sohui Gu Carlos Fdo. Afanador M. Vor 11 Jahren Nice article. It's very helpful. Thanks, Jonas. Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen
Ashish Sharma Vor 9 Jahren Hi Jonas,nice blog.how can i display alpha numeric values for captcha in liferay? Melden Sie sich an, um auf diesen Beitrag zu antworten. Antworten als... Abbrechen