How can we load Map (Geolocation) in Dialog?

let d = new frappe.ui.Dialog({
				title: 'Enter details',
				fields: [
					{
						label: 'Check In',
						fieldname: 'checkin_geolocation',
						fieldtype: 'Geolocation',
						options: '{"type": "FeatureCollection", "features": [{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [100001, 99999]}}]}'
					}
				],
				primary_action_label: 'Submit',
				primary_action(values) {
					console.log(values);
					d.hide();
				}
			});

error

1019:5 Uncaught Error: Map container is already initialized.
    at e._initContainer (<anonymous>:5:39655)
    at e.initialize (<anonymous>:5:28850)
    at new e (<anonymous>:5:14439)
    at t.map (<anonymous>:5:136970)
    at _a12.bind_leaflet_map (geolocation.js:104:16)
    at _a12.make_map (geolocation.js:37:8)
    at HTMLDocument.<anonymous> (geolocation.js:31:10)
    at HTMLDocument.dispatch (jquery.js:5430:27)
    at elemData.handle (jquery.js:5234:28)
    at Object.trigger (jquery.js:8719:12)
_

I changed fieldname, error is solved. but Map doesn’t show up.

let d = new frappe.ui.Dialog({
				title: 'Enter details',
				fields: [
					{
						label: 'Check In',
						fieldname: 'checkin_geolocation',
						fieldtype: 'Geolocation',
						default: '{"type": "FeatureCollection", "features": [{"type": "Feature", "properties": {}, "geometry": {"type": "Point", "coordinates": [100001, 99999]}}]}'
					}
				],
				primary_action_label: 'Submit',
				primary_action(values) {
					console.log(values);
					d.hide();
				}
			});
d.show();
			setTimeout(()=>{
				d.refresh();
			},1000);

Map shows. but same error happens when we reopen the dialog.