@wf9a5m75 Well, I created this repository with an Ionic Side Menu Template, you will have to install your plugin and test it, the bundle identificator is com.test.test but you can change it.
The map will appear at the app start.
Also, you will have to create the platforms folder.
Just wanted to add that, even in the āTabsā version of Ionic starter, once the Map goes behind/below the tabs at the bottom, the tabs stop working, and tapping on the tab button or icon will control the map (thatās underneath) insteadā¦
hiding the sidemenu dynamically:
document.getElementById(āside-menuā).style.visibility=āhiddenā; (where side-menu is the id of my ion-side-menu)
You can then override the Back Button click of your map to call visibility=āvisibleā for your side-menu
But I got some issues/questions with 1.2 :
1) Markers :
when I use Base64, I got weird things : I got valid Base64 Images but depending on the image the result is not the same:
null exception, Image taking full height of the map, ā¦
We can see a beautiful red circle on the website and they are ātransparentā (we can see the map)
I donāt know if this is due to 1.2 but all my circles are never transparent (they hide the map)
I will do some tests on 1.15 version today to verify if the new version breaks things.
What are map_canvas css properties?
Give it height and width if itās not already the case.
And try this to initialize :
var map = plugin.google.maps.Map.getMap();
map.addEventListener(plugin.google.maps.event.MAP_READY, function onMapInit(map) {
...
var mapDiv = document.getElementById("map_canvas");
map.setDiv(mapDiv);
});
Iām sorry, this is out of the scope I expected.
This problem occurs by phonegap-googlemaps-plugin, because the map plugin changes the background color to transparent.
Because the map view places under the browser, so the browser must be transparent. https://googledrive.com/host/0B1ECfqTCcLE8R0h6T3dIdWFBOHM/mechanism.png
Is there any way to place the sidebar OVER the contents page?
(Sorry Iām not familiar with ionic framework)
Edit: @Melina comes up with another solution.
He/She changes the visibility of the CSS. Thatās one of the right way. Please try it, @xMarston.
Marker
Could you share me your code using Github (or Gist), or show me the base64 encoded string?
Circle
Ah, sorry. I change the behavior of addCircle().
Yes I set the opacity for any colors with 0.75 (75%) as default.
But it causes the different color than the developer expected.
I will fix this issue in v1.2.2. Please wait.
In the meantime, you can specify using rgba(255, 0, 0, 0.75) or #FF000096
By the way, if you tell me on the pluginās github page, I will reply more quickly.
@boopage
I need more information, Could you share your whole code using Github (or Gist) with me?
And for base64, when I define a canvas to create a custom image and then call canvas.toDataURL()
If I give my canvas an height and width, itās okay !
In the new version of your map, it seems that height/width need to be set
Your plugin is impressive, thank you for this, itās a good job and itās so fast
I was comparing it to Javascript Google Maps. The speed difference is so huge in my phone.
Hi, this is my solution for side menu and google maps plugin,
works fine,
map tabs detects and captures the image with map.toDataURL.
The only problem is that this code is executed when you click on the menu button
but not how to detect that the SIDEMENU has been closed to run the same code and delete the image, for example when it is drag for close.
Bye!!