I'd like to do exactly what https://api.mapbox.com/styles/v1/zugaldia/cimteac7b00mrb8m7okkkol8d.html?title=true&access_token=pk.eyJ1IjoienVnYWxkaWEiLCJhIjoiY2ltNnI0YXM0MDA0YXR5bHgxOTU0N2h5YyJ9.kBUkyDqT5S1gJOsMIAdJSw#11/38.8993/-77.0146 is doing.
It seems to use the MapBox GL tileset and style to place text on the map. It even shows more text at a zoomed in level.
How do we do that?
Can you point to a detailed example or video that shows the steps for loading the tileset (maybe from a GeoJSON file, etc)
Thanks.
It is really nice that we can do so much without javascript at all :)
This makes it easier for Android and iOS etc.
Notice the text for the School names:
Then when you zoom in, you see the text for the crime:
That is indeed a very nice map, he created it using Mapbox Studio uploading crime and school data as layer sources. You can learn more about creating your own map style by following along with the "design a map" guides. Once you've created a map you'll need to get the style ID by doing this:
(source: mapbox.com)
and then...
(source: mapbox.com)
Now you also mentioned using these maps within your Android or iOS app which is similar to using the api (link you gave above). Follow this example about including Mapbox studio style in your Android app. The example places the style url within XML like so:
<com.mapbox.mapboxsdk.maps.MapView
...
mapbox:style_url="mapbox://styles/<your-account-name>/<your-style-ID>"
/>
Hope this helps!
do Color Picker in zkoss framework is available for Community Version?
There's a third-party component on google code now.
http://code.google.com/p/zk-colorbox/
you can integrate a jQuery's plugin to work with ZK. Here is the tutorial of jQuery4j
I'm trying to get a video (flv) or an swf video player to work on Facebook walls, however no matter what I do - facebook posts the raw fbml and ignores the code. What am I doing wrong?
<fb:swf
swfsrc='http://www.domain.com/flv_player/Main.swf'
imgsrc='http://www.domain.com/large1.jpg'
allowscriptaccess=”all”
flashvars='config=http://www.domain.com/playerConfigEmbed/2179.xml'
width="384" height="283" />
I've also tried fb:flv
<fb:flv src='http://www.domain.com/files/file.flv' width='400' height='300' title='my movie' color='#FFBB00' salign='r' img='http://www.domain.com/thumbs/large1.jpg' scale='showall'/>
You can easily do this with Open Graph meta tags. I've written a short tutorial on how to do it right here: http://ahrengot.com/tutorials/custom-video-player-on-facebook/
This method will also allow you to have HTML5 fallback for iphones, which will even work in the Facebook iPhone app - My example is set up with HTML5 fallback that shows that functionality as well.
try that one:
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://vimeo.com/moogaloop.swf?clip_id=12941088&server=vimeo.com&show_title=1&show_byline=1&show_portrait=1&color=00ADEF&fullscreen=1&autoplay=0&loop=0'
imgsrc='http://lojke.pl/PapayaLearn/video_link.png'
width='400' height='302'>
Insure yourself of placing the label
<Fb:fbjs-bridge />
Before creating your <fb:swf />
This will serve you to create a bridge to communicate with the Flash.
Then:
<Fb:swf
Swfsrc ='http: // your domain/yourflash.swf '
Width = '550' height = '400' align ='center ' />
If these working with free Hosting the most probable thing is that Facebook prevents that your SWF is visualized.
first, please see the blog as the link showed below:
http://blogs.nitobi.com/joe/2008/10/17/phonegap-now-for-android/comment-page-1/#comment-12918
the author made iPhone Style app in Android emulator， the pic showed below:
http: blogs.nitobi.com/joe/wp-content/uploads/2008/10/droidgap.png
if anyone knows, Would you please tell me how to make the iphone sytle app in android, as the pic shows?
I checked the phonegap demo in the github, it's not the same as the picture showed in the blog.
I am so curious about how can make iphone style app in Android? Since it need the Iphone OS to display such effect. Would anyone please tell me how to make it?
so pity that the link doesn't work now: https: github.com/bowserj/gap/
your reply will be great appriciated.
the same question i asked can be found with link:
http: stackoverflow.com/questions/2786787/how-to-implement-iphone-titlebar-in-android
only to synic:
hi, synic, thanks to your great reply.
to your second note, because i find i didn't add a picture in my first question thread, but your suggestion is great.
to your example titlebar, the code is great, but i'd like to use opensource webapp-ui-framework like Phonegap, iqtouch, iui, which is more powerful and reusable, don't think so?
i can use iui or jqtouch, to make a fancy UI, by combining html into android's WebView api, but the problem is, i need use Safari to display the html, otherwise, it will not have the iPhone fancy tiltebar and the beautiful iPhone style, Safari has a engine to display such effect, which android OS may not have. So how can i find a library or jar file, which can subtitute this Safari engine and can be used in Android OS, Android emulator?
If there's no way, It's very pitiful and poor that Android UI developer had to create html with the standard iPhone style manualy , comparing to iPhone developer which can use existing iWebKit/iUi/jqtouch Webapp-UI-FrameWork, only to type simple tag such as titlebar leftnav, then the framework will to do the work to display the iPhone Style titlebar... OMG, too unfair.
If you suggest me to develop UI with Android API as you metioned above, yeah, it's ok to me, but it will make me uncomfortable that the Android api is so poor and inconvinient, leading much trouble, comparing with webapp-UI-framework i mentioned
The Android UI is very customizable.. it's kind of like HTML and CSS.
You can set a background image for every view, override the default images for every view, etc. He's probably just set custom background images for the layout at the top, and the buttons. It'd be pretty easy to do something like this.
An example titlebar, assuming you have the images:
<LinearLayout android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#drawable/iphone_titlebar">
<Button android:id="#+id/back"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Main"
android:textColor="#fff"
android:background="#drawable/iphone_back" />
<TextView android:id="#+id/title_text"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:textColor="#fff"
android:textStyle="bold"
android:text="Geo Location"/>
</LinearLayout>
Relevant links:
https://developer.android.com/guide/topics/ui/themes.html
https://developer.android.com/studio/write/draw9patch.html
On another note, it really just looks like he took a screenshot of something, and pasted it over a screenshot of the Android emulator. That whole image is weird as hell.
An another another note, if you already asked this question, why are you asking it again? It looks like someone already answered it. Did you not like his answer?
I am developing an application for iPhone,which allows the user to draw a line or select an area on the map.Please any one guide me to implement this.......
Check these links ...
http://spitzkoff.com/craig/wp-content/uploads/2009/05/maplinesandannotations1.zip;'
http://spitzkoff.com/craig/?p=81
http://spitzkoff.com/craig/?p=65