creating custom leaflet marker on map with idxbroker code - leaflet

I created a real estate website that uses a company called idxbroker to handle the data from the mls (multiple listing service). I want to have a custom marker to populate on the map for property listings that I have personally so that they stand out when someone searches for properties. Idxbroker does this, however, the marker they provide for my personal listings has a tiny star inside of the same marker used for all listings and you wouldn't realize it unless you were looking for it. I know how to create a custom marker based on leaflet doc's, but not sure how to implement this since idxbroker hosts all this data from their server on my custom subdomain. Is there a way to inject javascript into their code so that my listings have a custom marker?general marker & marker for my listings

Are you looking to add a custom marker on a results page or on the details pages?
It might be easier to just hide the IDX map and write your own in it's place with your custom marker.
Can you provide a map code sample or a link to the page you are trying to customize?

Related

Flutter Mapbox clickable cluster annotations

I am trying to use Flutter mapbox_gl package to display clustered data, support for this functionnality has been added recently as showed in this example.
When the user zooms in, I would like to make symbols clickable, I have followed this example of clickable annotations but it seems not working, basically what I did is exactly combining the two examples: adding cluster layers (symbols and circles) using the map controller through onStyleLoadedCallback property, then adding on-click callbacks in my onMapCreated property (using onSymbolTapped & onCircleTapped methods). Am I doing something wrong?
For the clickable annotations from a source, as they come from a GeojsonSource, you must use onFeatureTapped. This will give you 3 data : the id (defined in the source), the point (coordinate on the screen) and the latlng (position on the map).
This allows you to set a generic callback for both the features in the source and the clusters made with it.
The package currently does not support having more data returned in the callbacks.

How to specify zoom level in an OpenStreetMap query?

I would like to include in my software automatically generated links to www.openstreetmap.org that shows a specified address. Something like
click here to see the map
This basic functionality is working right now, but the displayed map zoom level is a bit too high. I would like to set a custom zoom level as a get parameter. It is possible ?
I tried https://www.openstreetmap.org/search?zoom=15&query=<MyCustomAddress> and also z and map parameters without success, and I can't find any documentation about this on the Wiki.

How can I access a pushpin already added on the map later with the help of some ID? (Bing maps V8)

I have a map where I have added many pushpins & have attached an id with each one of them.
Now, there's a listing of these locations on the right hand in list, I want to highlight a particular pin on click of it's corresponding listing. How do I access these pushpins with the help of id?
I simply want to do something like this: (This is just a random pseudocode, not an actual function)
var e=Microsoft.maps.getPushpin(someID);
Take a look at this code sample. It should how to create a list based on pushpin data and link it back to the pushpins themselves using an id: http://bingmapsv8samples.azurewebsites.net/#QueryAPI_Paging
Source Code: https://github.com/Microsoft/BingMapsV8CodeSamples/blob/master/Samples/Spatial%20Data%20Services/QueryAPI_Paging.html

Add marker in Mapbox URL (not via JS)

I'd like to generate a link to a Mapbox map, centered on a particular latitude and longitude, that also contains a marker on that spot. This is trivial when generating a static map:
https://api.mapbox.com/v4/mapbox.streets/pin-m(<lat>,<lon>)/<lat>,<lon>,<zoom>/320x160.png?access_token=<access token>
with the pin-m() segment specifying the marker. When generating a link to a full, interactive (zoomable/pannable) map, however, specifying a marker doesn't seem to be an option. This URL goes to the map I want:
https://api.mapbox.com/v4/mapbox.streets/zoompan.html?access_token=<access token>#<zoom>/<lat>/<lon>
but there's no marker. I looked through all the documentation and couldn't find any reference to a way to do this. From the docs it looks like the only way to add a marker to the map is to host a page and generate the map via JS in a script. I can do this, but I'd much prefer to be able to just add a parameter to a URL instead of adding a whole new route/controller/view/associated specs for our Rails app for what seems to me to be a very minor addition.
Does anybody know of an undocumented way to do this? Or a documented way that I've just overlooked?
You aren't able to add a marker through a url parameter like the static API allows. You could add a marker by following this example for Mapbox JS or you could use the newer Mapbox GL JS to center the map around a marker like in this example.
I Hope this helps

How can i make custom map for showing user current location in iphone?

i want to show my current location on custom map.The custom map is of my locality....so,please help me how can i use custom map in place of google map???
The main problem with offline maps is not the "map" but all the stuff you need to build to georeference your map.
Think only at a map zoom.
There are many good open source libraries/SDK to manage offline maps.
--EDIT--
It seems that the free code I found was removed.
As soon as I will find a new available one I will update this comment