How to zoom google map in high density android devices in hybrid mobile app using google map javascript API?
Question
- This is my first hybrid app.
- I am targeting android(ver. 4 +) and iOS(ver. 7+) platform.
- I am developing on windows platform.
- I am using phonegap build.
I have developed a hybrid mobile application on apache cordova. I am implementing map feature in it using google map javascript API. I am facing an issue on high density devices such as xhdpi and xxhdpi where map font and other imaged are shrunk. when I increase zoom to 200% of div of map, the marker becomes non-clickable.
Please help me to optimize view of map in xhdpi and xxhdpi android devices.
In Android xhdpi devices devices : (Map is not clearly visible)
In Android devices where map div zoom = 200% (Map Marker click is not working in this case)
*Note : The same code is working fine on iOS devices as I think iOS is scaling it by itself.
2 answers
solution1
0 2016-02-02 12:47:43
You can control the scaledSize property for the icon. Check this link reference#Icon
solution2
0 ACCPTED 2016-02-04 11:02:11
The is resolved now by using viewport property and media query. Just use initial scale property for respective high density devices.
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.