Geolocation field

Frappe Framework
31

Hi @revant_one

Based on your suggestion I found the following leaflet plugin:

Would however need assistance in getting this implemented. How do I go about it? What I’d like to achieve is to have the address automatically populated in a field similar to how the Latitude and Longitude get automatically populated in the Location DocType

Thanks

32

Resources if anyone is interested to add it to core

Documentation : How To Improve A Standard Control

Check how other docfields are made:

Data field is common parent of most fields

Then check how geolocation field is made. You can add many plugins.

Custom app alternatives is:
Once the field is loaded on form it is an object of the control class.

You can hack things up on properties of the field object in your custom script. Get the object with frm.get_field() you get the map, plugins and other functions here.

1 Like
33

Hello @revant_one, thanks for the work.

It works well in the desk side, but it seems that this geolocation field type cannot be seem in a web form. When I create a new field in the web form, I see the geoposition field from the doctype, but the is no “Geolocation” in the list of field type.

Is there any standard way to show this field in web form?

Cheers

1 Like
34

@revant_one I used your piece of code (link)

I’m running into a similar issue. I’m trying to read data from form field then change the market on the map. This is my code, but it doesn’t move the market.

frappe.ui.form.on("Shipment", "vessel_location", function(frm) {
    var imo = cur_frm.doc.imo_number_vessel;
    var latitude= 50.454100;
    var longitude= -2.370833;
    cur_frm.get_field("location").locate_control._marker._latlng.lat = latitude;
    cur_frm.get_field("location").locate_control._marker._latlng.lng = longitude;

});

Thank you much for the help

35

Use leafletjs docs/api
https://leafletjs.com/reference-1.6.0.html#marker-update

1 Like
36

hi @revant_one

Some leaflet plugins can be used via cdn by adding the relevant files in the html header. Is there any way to do this in an ERPNext doctype ?

Kindly advise

Thanks

37

Hi @revant_one

Any suggestions pls ? Also, if the html header approach isn’t feasible, could you pls give some guidance on how to add the plugin via custom script? If I can get a better idea how to add a plugin, I think I could figure the rest out

Thanks

38

I don’t know. I’ve not tried.

39

Hi @revant_one, I was actually referring to your statement above… I thought it inferred there was a known way of achieving this

Thanks anyway

40

That is how current plugins are added.

41

Oh, I see what you mean. Thanks a lot for the clarification

Cheers

42

Hi @chabito79

Could you pls give some more insight on how you achieved this? How were you able to access the map’s HTML? Did you have to use a separate field other than the geolocation field itself?

Thanks

43

I dont have the project’s code anymore…but I remember I ended up integrating google maps instead of leaflet.

I used an HTML field and injected the map on it (following the standard way)… here’s a nice tutorial about it.

Regards

1 Like
44

Thanks a lot @chabito79

This was very helpful indeed

Cheers!

45

This is the code for showing popup on the marker. The below code can be included on refresh(frm) trigger.

var map = frm.get_field("geolocation_field").map;
var latlng = L.latLng({'lat':<value>, 'lng': <value>});
var marker = L.marker(latlng);
			
map.flyTo(latlng, map.getZoom());
marker.addTo(map);
marker.bindPopup(<content>).openPopup();
5 Likes
46

that great

47

I want to use restapi to send geojson to erpnext. but I have a trouble, could you check this?
Thank you.

48

Check the json

Nested “features” is array of objects

1 Like
49

Thank for your reply, I tried fixed follow your suggestion but it still not work, the map is default, dont’ have a point here

dd = {
“name1”: “Hcm096”,
“odo”: 200,
“geolocation”: json.dumps(
{“type”: “FeatureCollection”,
“features”: [{
“type”: “Feature”,
“geometry”: {
“type”: “Point”,
“coordinates”: [
106.6964048,
10.7511488]
}
}
]
}
)
}
data = json.dumps(dd)
r = requests.post(url, data, auth=(‘59aa898bdfdf713’, ‘1365c7955faa000’))
print(r)

Screenshot%20from%202020-08-07%2012-48-32
Screenshot%20from%202020-08-07%2012-48-32758×760 178 KB

50

Example command:

curl -Ssl -X POST https://erp.example.com/api/resource/ToDo \
    -H "Content-Type: application/json" \
    -H "Authorization: token $api_key:$api_secret" \
    -H "Accept: application/json" \
    -d '{
        "description": "ToDo Mumbai",
        "todo_location": "{\"type\":\"FeatureCollection\",\"features\":[{\"type\":\"Feature\",\"properties\":{},\"geometry\":{\"type\":\"Point\",\"coordinates\":[72.867851,19.088689]}}]}"
    }'

todo_location is a custom Geolocation field added on ToDo

3 Likes