常連

注目の的

自己紹介

現在Monacaで地図を用いたアプリを開発しております。

MapboxとLeafletを使い、下記のコードを書くことでブラウザ上に地図を表示させることができました。これに加えて検索ボックスを表示させたいと考えているのですが、[Leafletのドキュメント](https://leafletjs.com/reference-1.3.2.html)に特に記載がないようで、また[Leaflet用の検索プラグイン](https://qiita.com/sugasaki/items/750ca1c899eea9a08e8c)のデモも試してみましたが、正しく地図が表示されませんでした。

地図上（あるいは地図が表示されているページのどこか）に検索ボックスを置き、例えば「渋谷」と打ち込んだら渋谷周辺の地図が表示されるようなページを作りたいのですが、Leafletで実現することは可能でしょうか？

※ちなみにLeafletを用いているのは、地図上の任意の位置にマーカー（アイコン）をJavaScriptで設定できるためで、もし検索ボックスの設置とマーカーの表示がMapboxのみでできる場合、Leafletを使わなくても大丈夫です。

```HTML
<head>
<script src='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.js'></script>
<link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.47.0/mapbox-gl.css' rel='stylesheet' />
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.3/dist/leaflet.css"
   integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
   crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.3.3/dist/leaflet.js"
   integrity="sha512-tAGcCfR4Sc5ZP5ZoVz0quoZDYX5aCtEm/eu1KhSLj2c9eFrylXZknQYmxUssFaVJKvvc0dJQixhGjG2yXWiV9Q=="
   crossorigin=""></script>
</head>

<body>
<div id="mapid" style="height: 600px;"></div>
    
<script>

	var mymap = L.map('mapid', {
    // オプション設定
    center: [35.658350, 139.7015], // 初期表示の場所
    zoom: 16,                      // 地図のズーム倍率
    zoomControl: false,            // ズームコントロールボタンの表示
  });

	L.tileLayer('XXXXXXXXXXX', { // MapBoxのアクセストークン
		maxZoom: 18,
		id: 'mapbox.streets', // マップデザインの種類
	}).addTo(mymap);

  // マーカー
	L.marker([35.658350, 139.7015]).addTo(mymap)
		.bindPopup('ポップアップを表示');

</script>    
</body>
```

Mapbox（Leaflet / OpenStreetMap）で検索ボックスを表示したい

現状、Monacaに[cordova-plugin-firebase](https://github.com/arnesson/cordova-plugin-firebase)プラグインを入れ、
プッシュ通知を実現しています。

Androidでプッシュ通知を受信した際に、
・端末左上のステータスバー　＝　いわゆるsmalliconと言われるものと認識
・ロック画面の通知バナー　＝　いわゆるlargeiconと言われるものと認識
が正しく表示されない状態です。

この問題はAndroid 5.0以上で、アプリのアイコン画像で透過以外の部分が白くなってしまう現象なのですが、
この対策のため、プッシュ通知を受信時にアプリアイコンを表示するのではなく、別画像を使いたいと思っています。

---------------
前置きが長くなりましたが、プラグインのマニュアルページ
[【Changing Notification Iconの項目】](https://github.com/arnesson/cordova-plugin-firebase#changing-notification-icon)
を見ると、



①まず
　<projectroot>/res/native/android/res/<drawable-DPI>　に
「ic_silhouette.png」という名前の画像を置くとあるのですが、
これはMonacaでいうところの　/res/android　フォルダ内に
・drawable-mdpi　　　　　つまり　　/res/android/drawable-mdpi
・drawable-hdpi　　　　　つまり　　/res/android/drawable-hdpi
・drawable-xhdpi　　　　つまり　　/res/android/drawable-xhdpi
・drawable-xxhdpi　　　 つまり　　/res/android/drawable-xxhdpi
・drawable-xxxhdpi　　　つまり　　/res/android/drawable-xxxhdpi
フォルダを作成し、その中に使用したい画像を保管すればよいのでしょうか？


②次に
<projectroot>/res/native/android/res/values/styles.xml
を作成して、↓のように書け！
```ここに言語を入力
<?xml version="1.0" encoding="utf-8" ?>
<resources>
    
    <style name="AppTheme" parent="android:Theme.Light">
        <item name="android:windowDisablePreview">true</item>
    </style>
    <drawable name="notification_big">@mipmap/icon</drawable>
    <drawable name="notification_icon">@mipmap/icon</drawable>
</resources>
```
とあるので、
/res/android/values　フォルダを作成し、　styles.xml　を新規作成しました。



上記①と②を反映してビルドすると、ビルド自体は成功するのですが、
プッシュ通知を送信＆受信しても、これまでと何も変わりません。

--------------------

①や②を作成する階層、実装方法はこれで合っていますでしょうか？？

上手くいかない理由で思い当たること、こういう階層で試してみたら？というアドバイス、
「いや、そもそも、そんなことしなくても対応できるよ！」というアドバイスをお願いいたします。

Androidのプッシュ通知受信時のアイコン設定方法

Monaca+Ionicでアプリ開発をしています。

プッシュ通知の実装にcordova-plugin-firebaseを使用しています。
PHPのcurlにて送信、Androidで受信は確認できたのですが
通知バーに表示させるアイコンの指定ができません。

現在、
「設定」→「Androidアプリ設定」にて登録されているアイコンが表示されています。

これらとは別のアイコンを表示したいのですが可能でしょうか。
（たとえば res/android/icon/icon.png の画像を使用。みたいな・・・）

ご存知の方いましたらご教授ください。
```PHP
    //APIへアクセス 通知の送信
	function push_send($reg_ids,$text){

		$message = array(
			"title" => "AppName",
			"body" => $text,
			"icon"=> "icon", //アイコンの指定ができるはず・・・
			"color" => "#1aae8e");

		$fields = array(
       		'registration_ids' => $reg_ids,
       		'notification' => $message);


		$FCM_URL = 'https://fcm.googleapis.com/fcm/send';
		$FCM_API_KEY = 'XXXXXXXXXX';
		$headers = array(
        	'Authorization: key=' . $FCM_API_KEY,
        	'Content-Type: application/json'
    	);

		$ch = curl_init();
		curl_setopt($ch, CURLOPT_HTTPPROXYTUNNEL, 1);
		curl_setopt($ch, CURLOPT_PROXY, 'https://hogehoge.co.jp:8008');
		curl_setopt($ch, CURLOPT_PROXYPORT, '8008');
    	curl_setopt($ch, CURLOPT_URL, $FCM_URL);
    	curl_setopt($ch, CURLOPT_POST, true);
    	curl_setopt($ch, CURLOPT_HTTPHEADER, $headers);
    	curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
		curl_setopt ($ch, CURLOPT_SSL_VERIFYHOST, 0);	
    	curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
    	curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($fields,JSON_UNESCAPED_SLASHES));
    	$result = curl_exec($ch);
    		if ($result === FALSE) {
        		die('Curl failed: ' . curl_error($ch));
    		}
    	curl_close($ch);
    	echo $result;

	}
```