Search code examples
androidgoogle-glassgoogle-gdk

How to display static map on card using GDK?


In Mirror API we can use something like:

<img src="glass://map?w=240&h=360&marker=0;42.369590,
      -71.107132&marker=1;42.36254,-71.08726&polyline=;42.36254,
      -71.08726,42.36297,-71.09364,42.36579,-71.09208,42.3697,
      -71.102,42.37105,-71.10104,42.37067,-71.1001,42.36561,
      -71.10406,42.36838,-71.10878,42.36968,-71.10703"
      height="360" width="240">

And it renders nice Glass-optimized map on card.

How to do the same thing in Activity using GDK?


Solution

  • I ended up writing this method which displays user's current location as blue dot and venue location as red dot:

    public static String getMapUrl(double latitude, double longitude, double currentLat, double currentLon, int width, int height) {
            try {
                String raw = "https://maps.googleapis.com/maps/api/staticmap?sensor=false&size=" + width + "x" + height +
                    "&style=feature:all|element:all|saturation:-100|lightness:-25|gamma:0.5|visibility:simplified" +
                    "&style=feature:roads|element:geometry&style=feature:landscape|element:geometry|lightness:-25" +
                    "&markers=icon:" + URLEncoder.encode("http://mirror-api.appspot.com/glass/images/map_dot.png",
                    "UTF-8") + "|shadow:false|" + currentLat + "," + "" + currentLon+"&markers=color:0xF7594A|" + latitude + "," + longitude;
                return raw.replace("|", "%7C");
            } catch (UnsupportedEncodingException e) {
                return null;
            }
        }
    

    It looks like this:

    Map example