Barcelona, Spain, printable vector street City Plan map, full editable, Adobe PDF

Map vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and builders
Map vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and buildersMap vector Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe Illustrator editable Map for design, print, arts, projects, presentations, for architects, designers and builders

$ 47.00

PDF map Barcelona, Spain, printable vector street City Plan map, full editable, Adobe PDF, full vector, scalable, editable, text format  street names, 20 mb ZIP
All streets, All buildings. Map for design, print, arts, projects, presentations,
for architects, designers and builders.
You can edit this file by Adobe Illustrator, Adobe Acrobat, Corel Draw.
Try turning the display mode VIEW/OUTLINE – you'll see a lot of interesting things)))
The most accurate and detailed map of the city.

Instant Download Your Map Archive after the payment

Secure buy PayPal Verified

secure buy vector map

Product Description

Barcelona, España, calle de vectores mapa imprimible Plan de la ciudad, lleno, Adobe PDF editable, vector completo, y editables, nombres de calles de formato de texto escalables, 20 mb zip
Todas las calles, todos los edificios. Mapa de diseño, impresión, artes, proyectos, presentaciones, para los arquitectos, diseñadores y constructores.
DXF, DWG, CDR y otros formatos - a petición, el mismo precio, por favor, póngase en contacto
Barcelona, Spain, printable vector street City Plan map, full editable, Adobe PDF, full vector, scalable, editable, text format  street names, 20 mb ZIP
All streets, All buildings. Map for design, print, arts, projects, presentations,
for architects, designers and builders.
You can edit this file by Adobe Illustrator, Adobe Acrobat, Corel Draw.
Try turning the display mode VIEW/OUTLINE - you'll see a lot of interesting things)))
The most accurate and detailed map of the city.
DXF, DWG, CDR and other formats - on request, same price, please, contact 

Small guide: How to work with the vector map?

You can: Mass select objects by type and color - for example, the objects type "building" (they are usually dark gray) - and remove them from the map, if you do not need them in your print or design project. You can also easily change the thickness of lines (streets), just bulk selection the road by the line color.
The streets are separated by type, for example, type "residential road" are usually white with a gray stroke. Highway usually orange with a brown or dark gray stroke.
It is easy to change the font of inscriptions, all or each individually. Also, just can be make and any other manipulation of objects on the vector map in Adobe illustrator format.
Important: All the proportions on the map are true, that is, the relative sizes of the objects are true, because Map is based on an accurate GPS projection, and It transated into the (usual for all) the Mercator projection.
You can easily change the color, stroke and fill of any object on the map, zoom without loss of quality Image Verification.

Select object

select object on vector map

Bulk selection the same objects on the vector map

bulk selection the same objects on the vector map

See the bulk selected objects on the vector map

see the bulk selected objects on the vector map

Bulk delete buildungs from the vector map

Bulk delete buildungs from the vector map

Select residencial road (small street) on the vector map

Select residencial road (small street) on the vector map

Bulk selection the same lines (streets, roads) on the full map

Bulk selection the same lines on the full map

Create fat lines of the streets on the vector maps (bulk action) 1

Create fat lines of the streeta on the vector maps (bulk action) 2

Create fat lines of the streets on the vector maps (bulk action) 2

Create fat lines of the streeta on the vector maps (bulk action) 2

Create fat lines of the streets on the vector maps (bulk action) 3

Create fat lines of the streeta on the vector maps (bulk action) 3

You can easily change the color, stroke and fill of any object on the map, zoom without loss of quality Image Verification. 

Tips & Vector map News

Kartograph tutorial: Electoral map Tomorrow I will be all the day at the polling station, since I've been chosen as a member.

The last two weeks I was playing with the amazing Kartograph software, so it was a good moment to experiment with electoral maps (the first time for me).

 

In this example, I will explain step by step how to create the map above. It's quite similar to this tutorial, but I want to continue in a new post, going interactive.

Kartograph creates vector SVG images, which you can edit later with Inkscape or Illustrator, so gives much more flexibility than systems generating PNG like files, much more difficult to modify.

As in all the posts, you can get all the files used in the example.

This example has two continuation posts:

  • Kartograph tutorial II: going interactive
  • Kartograph tutorial III: Symbols

Getting the data

As usual, getting the data is not so easy. The Catalan government has a good open data web site, where I found:

  • A file with a really descriptive name, bm50mv33sh1fc1r170.zip, with all the administrative boundaries (provinces, comarques, and municipalities).
  • Lots of files with election results. I choose the 2010 elections, since they where to the Catalan parliament, like the ones tomorrow. As you can see on the map, the party CiU won with a very big majority, so the map is not as interesting as it could be.

I have used the municipalities to draw the map because the result is more diverse than using bigger zones. Actually, the real  constituency is the province, but CiU won everywhere, and a plain blue map is quite boring.

So I've had to join the two files to get one file with the geometries and the results. The process is quite long and dirty (why didn't they use an id? I had to join with the names), so I won't explain how to do it, but put the result at the data files. You can find this file here.

Then, to decorate the map, I used the following files

  • World boundaries from Natural Earth (ne_10m_admin_0_countries.zip), to draw the coast line outside Catalonia
  • From VMAP, the layers Trees, Crops, and DepthContours, to decorate the map outside the electoral  constituencies.

Since the layers are worldwide, so very big, I have used these ogr commands to clip:

ogr2ogr -clipsrc -3 37 4 44 Trees2.shp Trees.shp

and to simplify:

ogr2ogr -simplify 10 munis.shp bm50mv33sh1fpm1r170.shp

Doing so, the time to generate the map is divided by five or more.

Installing Kartograph

Since we only need kartograph.py for this tutorial,  first, download it from the github page clicking at the zip icon.

In a linux system, uncompress and execute

python setup install

as a super user.

That's all, if you have the GDAL python bindings installed.

Creating the map

To create a map with Kartograph, you will need a configuration file in JSON format, which will have three basic sections:

Projection

To set the projection, there used to be a web page named Visual map configurator, that doesn't work any more. But don't worry, you can use the Map Projections page. Just choose the projection that fits you more, change the parameters and click the gear icon:

 

 

A dialog will open, and the lines that are interesting in this case are, in the image example, like:

"proj": "sinusoidal",

"lon0": 20
This will be translated in our json file as:

"proj": {

"id": "sinusoidal",

"lon0": 20

}

Bounds:

The part of the world we want to represent is set here. It's quite well explained at the documentation, but it can be a bit confusing, and not all the options work with all the projections.

In our example, I have used:

"bounds": {
"mode": "bbox",
"data": [-0, 40, 4, 43],
"crop": [-3, 37, 5, 44] }

  • mode: How the bounds are expressed. BBOX is the basic option, but you can also set it defining the points you want to enter in the map, or even the features in a layer. If the layers are in different projections, other modes can be a little tricky.
  • data: In our case, the bounding box. In other modes, the layer name, the points, or whatever.
  • crop: Is an optional label. Our svg will be clipped at the bounds set at data, but all the data in the files will be processed. If the files include all the world, this takes a long time, and generates much bigger SVG outputs. With crop, only the features inside the BBOX will be included.

Layers:

As the name suggests, the layers to include.

The shapefiles are added as:
"municipalities":{
"src": "./mun_out.shp"
}

There are also two special layer, graticule and sea. The first draws the meridians ans parallels, while the second does nothing more than giving a feature to draw the background:

"background": {"special": "sea"},
"graticule":{ "special": "graticule", "latitudes": 1, "longitudes": 1}

All the layers  will be drawn in the order indicated at the json file, so this must be well chosen to select which layer hides what.

Styling

This is the nice part. Without styling, the SVG can be used directly with Inkscape or Kartograph.js, but is possible to generate styled maps directly with kartograph.py.

You can give the style either in the json file or in a separate css file, which seems cleaner. The names given to the layer are the ones to be used in the css as the id. So to give a style to the municipalities layer, add
#municipalities {
fill: #FFF;
stroke: #882222;
stroke-width: 0.5px;
stroke-opacity: 0.4;
}

The general options are at the documentation again. CSS for SVG is a little different from the one used in traditional html.

Since we want to paint the municipalities in a different color depending of the party who won the elections, we will use filters, like this one:

#municipalities[Winner=CiU]{
fill: #99edff;
}

It would be nice to compare different fields i.e. CiU > PSOE, but this is not possible (at least, I haven't found how to do it), so I had to calculate the winner and put it in a field (called Winner, as you can see in the example)

Drawing

There are two options to draw the map. A command line program is installed with the setup, called kartograph.

To draw the styled map, just type

kartograph elections.json --style elections.css -o elections.svg

But you can also include all this in a python program, so could generate the data and then the map. In our case, the code would be
from kartograph import Kartograph
from kartograph.options import read_map_descriptor
import sys
K = Kartograph()
css = open("elections.css").read()
cfg = read_map_descriptor(open("elections.json"))
K.generate(cfg, outfile='elections.svg', format='svg', stylesheet=css)

Finally, I edited the svg file with Inkscape to put the titles and legend. Is just to show that the idea is generating a base svg and from there, draw the pretty final map.

Configuration files

To draw the map in the example, I have used the following files:

elections.json
{
"proj": {
"id": "sinusoidal",
"lon0": 20
},
"layers": {
"background": {"special": "sea"},
"graticule":{ "special": "graticule", "latitudes": 1, "longitudes": 1, "styles": { "stroke-width": "0.3px" } },
"world":{
"src": "data/ne_10m_admin_0_countries2.shp"
},
"trees":{
"src": "data/Trees2.shp",
"simplify": true
},
"crops":{
"src": "data/Crops2.shp",
"simplify": true
},
"depth": {
"src": "data/DepthContours2.shp",
"simplify": true
},
"municipalities":{
"src": "./mun_out.shp"
}
},
"bounds": {
"mode": "bbox",
"data": [-0, 40, 4, 43],
"crop": [-3, 37, 5, 44] }
}

elections.css

#background {
fill: #e8f9fb;
stroke: none;
},
#world {
fill: #f5f3f2;
stroke: none;
},
#graticule {
stroke-width: 0.3px;
},
#municipalities {
fill: #FFF;
stroke: #882222;
stroke-width: 0.5px;
stroke-opacity: 0.4;
},
#municipalities-label {
font-family: Arial;
font-size: 13px;
},
#municipalities[Winner=CiU]{
fill: #99edff;
},
#municipalities[Winner=PSC-PSOE]{
fill: #ff9999;
},
#municipalities[Winner=ERC]{
fill: #EDE61A;
},
#depth {
stroke: #223366;
stroke-width: 0.5px;
stroke-opacity: 0.4;
},
#trees {
fill: #d2f8c0;
stroke: none;
},
#crops {
fill: #fcf8d8;
stroke: none;
}
What's next

If I have time, I'll try my first Kartograph.js example. From the svg generated, is possible to create cool interactive maps. Source.
Please visit this page for more details Vector city maps (with streets): USA, Canada, South America, Africa, Australia, Europe, Asia, Russia.


Яндекс.Метрика Рейтинг@Mail.ru Free Web Counter
page counter
Last Modified: March 9, 2017 @ 3:03 pm