how to combine search-for-places & custom-places about mapsed HOT 7 CLOSED

Hi,

If I understand you correctly you want to add your own places when the map first loads. In addition you want a "geo located" place to be shown as well.

This was something I did consider at the time and decided against supporting it. Simple reason being you don't know where the user is based. So you could have your places located in the UK, but the user is located in Australia. In this scenario the user wouldn't see the places on the map, or at the very least it would look wrong.

In addition mapsed would have to wait until the user allowed geo location on their browser, during which time the DIV for the map would be empty, and not a particularly nice experience.

However I can understand why you'd want to do this, and indeed others may wish to do the same.

To this end I've added an example of how to accomplish this by doing the geo lookup in your own code, and then adding it as a place. You can see this in action at:

http://mapsed.apphb.com/issues/001.html

And the code has been added to the github repository here:

https://github.com/toepoke/mapsed/tree/master/issues

Hope this helps.

from mapsed.

Hi Toepoke,

I have to say this is the best code I've seen that searches everything: "pizza", "restaurants", "a restaurant name", "something near a location", ... wow.

What i want to do is the same as in this link, but with your code:

http://gmaps-samples-v3.googlecode.com/svn/trunk/places/places-search.html

And I want to GeoLocate the user, and then show them the businesses around him/her with google Places API, like in your example 5. With findGeoOnLoad: true (that's easy) but the marker of where you are, uuuhhmm ;o)

I've been trying to implement your 001.js code, but I don't understand in which moment you push the _geoPlace var to the map.

Also, I'm working inside a div using your 05-search-for-places-example.js, and now it's showing in fullScreen even if I removed all the // fullWindowExample();

I removed this line: _places.push(geoPlace); and changed it for _geoPlace.push(geoPlace);

            //_places.push(geoPlace);
            _geoPlace.push(geoPlace);
            // and show the map
            // fullWindowExample();
        },
        function (err) {
            // user probably denied us geo access
            alert("Sorry couldn't find you!");
        }
    );
}

$("#search-for-places").mapsed({});
});

Thanks
Sebastian

from mapsed.

I think what you're after is the geoSearch setting. This was missing from the documentation (https://github.com/toepoke/mapsed#geosearch-string).

I've also tweaked mapsed.js so it will display your custom places when the map is first loaded, so you'll need to get the latest version.

Finally I've updated the 001.htm and 001.js files so you can see how to use the geoSearch parameter.

Hope this helps.

from mapsed.

Thanks Toepoke, that worked perfectly.

The only thing is that I can't put a different icon in the GeoLocated Marker.

var geoPlace = {
autoShow: true,
name: "Here I am!",
icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=⊕|ff0099|000000|',
lat: geoPos.coords.latitude,
lng: geoPos.coords.longitude

this just places the same icon that I choose in the search places results.

any ideas ?

from mapsed.

Hi,

There's no "icon" property on the place definition. The getMarkerImage callback is used to define what icon is used.

I've updated the 001 html and js to illustrate. You'll need to get latest of mapsed.js too.

Hope this helps.

from mapsed.

Hi Toepoke,

I found the problem, I had placed the geolocation in both .js files,

sorry about that,

thanks
Sebastian

from mapsed.

Glad you're sorted :)

from mapsed.