ãããããã¼ã«ãã Google ãããã®åºæ¬å°å³ã®ã¹ã¿ã¤ã«è¨å®ã¨ã«ã¹ã¿ãã¤ãºãå¯è½ã«ããç¶ç¶çãªåãçµã¿ã®ä¸ç°ã¨ãã¦、ãã®åº¦、Maps SDK for Android åãã®é«åº¦ãªããªã©ã¤ã³ã®ã¹ã¿ã¤ã«è¨å®ã®æä¾ãéå§ãããã¨ãçºè¡¨ãã¾ã。ãã®æ©è½ã¯、ç¾å¨ Google ãæä¾ãã¦ããããªã©ã¤ã³æ©è½ã®ä¸ã«æ§ç¯ããã¦ãã¾ã。ãããããã¼ã¯ãã®æ©è½ã使ã£ã¦、å°å³ä¸ã«è¡¨ç¤ºãããå®åã®ç·ãä½æã§ãã¾ã。ããããå®åã®ç·ã¯、çµè·¯、ãã¬ã¼ãã«ã¼ã、éè¡æ¢ããªã©ã®æ
å ±ã表ãããã«ãã使ç¨ããã¾ã。ããªã©ã¤ã³ã¯、Google Maps Platform ã®ãããããã¼ã、ã¦ã¼ã¶ã¼åãã«å°å³ãã«ã¹ã¿ãã¤ãºããéã«æããã使ãæ©è½ã®ä¸ã¤ã§ã。
é«åº¦ãªããªã©ã¤ã³ã®ã¹ã¿ã¤ã«è¨å®ã§ã¯、ãã«ãã«ã©ã¼ ããªã©ã¤ã³、ã°ã©ãã¼ã·ã§ã³ã®ããªã©ã¤ã³、ã¹ã¿ã³ãåããªã©ã¤ã³ã® 3 ã¤ã®æ°ããããªã©ã¤ã³ã®ã«ã¹ã¿ãã¤ãºãå°å
¥ãããã¨ã§、ããªã©ã¤ã³ã®ã³ã¢æ©è½ãããè±ãã«、表ç¾åã®ãããã®ã«ã§ãã¾ã。
é«åº¦ãªããªã©ã¤ã³ã®ã¹ã¿ã¤ã«è¨å®ã¯、ææ°ã®ã¬ã³ãã©ãæå¹ã«ãããã¼ã¸ã§ã³ 18.1.0 以éã® Maps SDK for Android ã¨ãã¼ã¸ã§ã³ 5.2.0 ã® Maps SDK for iOS ã«ããã¦、å©ç¨å¯è½ã§ã。
ãã«ãã«ã©ã¼ ããªã©ã¤ã³
ãã«ãã«ã©ã¼ ããªã©ã¤ã³ã使ãã¨、ããªã©ã¤ã³ãã»ã°ã¡ã³ãåã、åã»ã°ã¡ã³ãã«ç°ãªãè²ãé©ç¨ãã¦æ
å ±ã表ç¾ãããã¨ãã§ãã¾ã。ãã®ã«ã¹ã¿ãã¤ãºã¯、çµè·¯ä¸ã®ãã¾ãã¾ãªæ
å ±ãä¼ãã、å£ç¯ã®ãã£ã³ãã¼ã³ã§ä¼æ¥ã®ãã©ã³ãã£ã³ã°ã«åããã、ããã¨ãªã¢ã«æ³¨ç®ãéãããªã©、ãã¾ãã¾ãªã¦ã¼ã¹ã±ã¼ã¹ã§æ´»ç¨ã§ãã¾ã。
ãã«ãã«ã©ã¼ ããªã©ã¤ã³ã使ç¨ããã«ã¯、`StyleSpan` ãªãã¸ã§ã¯ããä½æã、`addSpan()` ã¾ã㯠`addSpans()` ã¡ã½ããã `PolylineOptions` ã«è¿½å ãã¾ã。ããã©ã«ãã§ã¯、é
åã®åã¢ã¤ãã ã対å¿ããç·åã®è²ã«è¨å®ããã¾ã。次ã®ä¾ã§ã¯、ã»ã°ã¡ã³ãã®è²ãè¨å®ãã¦、ç·ã¨ç´«（ãã¼ã³ã¿）ã®ã»ã°ã¡ã³ããæã¤ããªã©ã¤ã³ãä½æãã¦ãã¾ã。
Polyline line = map.addPolyline(new PolylineOptions()
.add(new LatLng(37.789258, -122.387819),
new LatLng(37.786572, -122.390556),
new LatLng(37.786140, -122.390899))
.addSpan(new StyleSpan(Color.MAGENTA))
.addSpan(new StyleSpan(Color.GREEN))
);
ã°ã©ãã¼ã·ã§ã³ã®ããªã©ã¤ã³
ã°ã©ãã¼ã·ã§ã³ã®ããªã©ã¤ã³ã¯、ããªã©ã¤ã³å
¨ä½ã« 2 è²ã®ã°ã©ãã¼ã·ã§ã³ãé©ç¨ãã¾ã。交éã®æµããæ¨é«ã®å¤åãªã©、å¼·å¼±ã®å¤åã表ç¾ããã®ã«ä¾¿å©ã§ã。
ã°ã©ãã¼ã·ã§ã³ ããªã©ã¤ã³ã使ç¨ããã«ã¯、ããªã©ã¤ã³ã®éå§è²ã¨çµäºè²ãè¨å®ãã 2 ã¤ã® 32 ãããã® ARGB（alpha、red、green、blue）å¤ãæå®ãã¦ã°ã©ãã¼ã·ã§ã³ãå®ç¾©ã、次㫠`PolylineOptions.addSpan()` ãå¼ã³åºãã¦、ãã®ããããã£ãå³å½¢ã®ãªãã·ã§ã³ ãªãã¸ã§ã¯ãã«è¨å®ãã¾ã。
以ä¸ã¯、ãµã³ãã©ã³ã·ã¹ã³ããã©ã³ã㧠ã³ã©ã¼ã« ã ãã£ã¨ã©ã¾ã§ã®ã°ã©ãã¼ã·ã§ã³ ããªã©ã¤ã³ãä½æããä¾ã§ã。
Polyline line = map.addPolyline(new PolylineOptions()
.add(new LatLng(37.662953, -122.400542), new LatLng(37.5414277, -122.4845455))
.addSpan(new StyleSpan(StrokeStyle.gradientBuilder(Color.GREEN, Color.RED).build())));
ã¹ã¿ã³ãåããªã©ã¤ã³
ã¹ã¿ã³ãåããªã©ã¤ã³ã使ãã¨、é¸æããããããããç»åãç¹°ãè¿ã使ã£ã¦ããªã©ã¤ã³ãä½æã§ãã¾ã。ããã«ãã、å³å½¢ã¨ããªã©ã¤ã³ã®å¤è¦³ã®ã«ã¹ã¿ãã¤ãºãå¯è½ã«ãªãã¾ã。
ã¹ã¿ã³ãåããªã©ã¤ã³ã使ç¨ããã«ã¯、`TextureStyle` ã® `StampStyle` ãä½æãã¦、ããªã©ã¤ã³ã®å¤è¦³ããããããã ãã¯ã¹ãã£ã®ç¹°ãè¿ãã«è¨å®ãã¾ã。ãã®ããããã£ã¯、`PolylineOptions.addSpan()` ãå¼ã³åºããã¨ã§、å³å½¢ã®ãªãã·ã§ã³ ãªãã¸ã§ã¯ãã«è¨å®ã§ãã¾ã。
StampStyle stampStyle = TextureStyle.newBuilder(BitmapDescriptorFactory.fromResource(R.drawable.arrow)).build();
Polyline line = map.addPolyline(
new PolylineOptions()
.add(
new LatLng(37.789258, -122.387819),
new LatLng(37.786572, -122.390556),
new LatLng(37.786140, -122.390899))
.addSpan(new StyleSpan(StrokeStyle.colorBuilder(Color.BLUE).stamp(stampStyle).build()))
.addSpan(new StyleSpan(StrokeStyle.colorBuilder(Color.YELLOW).stamp(stampStyle).build()))
);
ã¹ã¿ã¤ã«è¨å®ã¨ã«ã¹ã¿ãã¤ãºæ©è½ã¯、ã¦ã¼ã¶ã¼ã«ããè¯ããããã³ã° ãµã¼ãã¹ãæä¾ã、éè¦ãªæ
å ±ãä¼ã、ç¬èªã®å°å³ãä½ãä¸ããããã«、æé©ãã¤æãç°¡åãªæ¹æ³ã®ä¸ã¤ã§ã。æè¿ãªãªã¼ã¹ããã¯ã©ã¦ããã¼ã¹ã®ãããã¹ã¿ã¤ã«è¨å®、ãã¼ã¿ããªãã³ã®ã¹ã¿ã¤ã«è¨å®、WebGL ãæ´»ç¨ãããããæ©è½ãªã©ã®ã¹ã¿ã¤ã«è¨å®ãã«ã¹ã¿ãã¤ãºæ©è½ã¯ãã¡ããã®ãã¨、Google Maps Platform ãã¼ã ã¯、ããããã®ãã¼ãºãæºããæè»æ§ãåããç´ æ´ããããããã³ã° ãµã¼ãã¹ãæä¾ãããã¼ã«ããå±ãã§ãããã、åãçµã¿ãç¶ãã¦ãã¾ã。ãã®æ°ãã、ãããä¸ã®ããªã©ã¤ã³ã®ã«ã¹ã¿ãã¤ãºã¨ã¹ã¿ã¤ã«è¨å®ããã²ãæ´»ç¨ãã ãã。
Google Maps Platform ã«é¢ãã詳ããæ
å ±ã¯ãã¡ããã覧ãã ãã。ã質åããã£ã¼ãããã¯ã¯ãã¼ã¸å³ä¸ã®「ãåãåãã」ããæ¿ã£ã¦ããã¾ã。
Posted by
丸山 æºåº· (Tomoyasu Maruyama) - Developer Relations Engineer 
