sådan skal de bruge zillow kvarter kort og html5 geolokalisering

, hvordan man bruger zillow kvarter kort og html5 geolokalisering,,,,, 53,,,,,,,,, 17,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,,,,, hvad du vil lave, for nogle år siden, zillow frigivet sit kvarter grænse - filer for de forenede stater   via kreative underhuset sharealike 3,0 kørekort.det er en stor ressource.  , hvis du er interesseret i kort for andre lande, se   openstreetmaps.  ,, hvis du ikke har brugt geografiske shapefiles før, kan det være en smule forvirret med hensyn til, hvordan til at integrere zillow kort data ind i din egen anvendelse.,,, jeg har bygget en fri, open source - demo - anvendelse,   mapapp, til at vise, hvordan man bruger den zillow kvarter grænser og integrere dem med google maps, geolokalisering og geocoding.,, mapapp er bygget efter   yii ramme   og drives på en mysql, folkesundhedsprogrammet i stand til server.mapapp også udnytter   google maps api,   html5 geolokalisering   hjælper fra estebanav,   egeocoder   og   egmap   (de to sidstnævnte er yii udvidelser).,, at oprette din server, til at komme i gang, kan du finde   mapapp kode på github.   følge   anlæg skridt  , der har været   testet for ubuntu 14.04 på   digitale hav, men bør arbejde med   en version af lampe.,, du kan enten klone register eller downloade en kopi.få apacherne websted (som beskrevet i anlægget foranstaltninger) og genstarte apache.,, processen tager ca. 45 til 60 minutter.der er mange til fælde:   konfigureringen af din server, din dns, at pakke ud,   kode, oprettelse af   din apache - serveren, din mysql database, installere konfiguration fil, at aktive rekord, migration,   installation af biblioteker, downloade og   import og tilpasning af zillow data  ,, hvis du vil. for at spare tid, jeg tilbyder et præ - konfigureret billede af mapapp   for digitale ocean.men  , du vil lære mere, hvis du går gennem alle trinene selv.,, forberede zillow kvarter data, når du har skabt din mysql database for mapapp, det er tid til at få zillow data.,, installere   geospatiale data abstraktion biblioteker   og trække:,, sudo passende få installere gdal bin sudo kunne få installere lyne op, gør en fortegnelse til midlertidigt at oplagre den zillow data og kopiere de downloader manuskripter.,, mkdir - /zillow kp /var /www /mapapp /docs /wget-zillow.txt - /zillow /wget zillow, bygge den batchfil at downloade filer for de stater, som du vil - f.eks. i californien, oregon, washington, eller alle).så kør download manuskript.dette vil downloade alle de ønskede zip filer fra zillow:,, smadre wget zillow, så gør mysql import manuskripter:,, kp /var /www /mapapp /docs /import-zillow.txt - /zillow /import zillow kopi /docs /import-zillow.txt ~ /zillow /import zillow, vælge, listen over stater i manuskriptet  , hvis form filer, du gerne ville importere   mysql. du skal også vælge databasen navn, kvalifikationer og kvarter tabel navn i din lokale fil og løbe manuskriptet.dette vil bruge   ogr2ogr redskab   at importere form (. små vandkraftværker) filer i mysql:,, smadre import zillow konfigureringen af mapapp,,,, du bliver nødt til at vælge den   /docs /ud mapapp. ini   fil med deres egne omgivelser, navnlig mysql adgang indstillinger:,, mkdir /var /www /sikre cd /var /www /sikre&#note: navne er ændret under fra github til server kp /var /www /mapapp /docs /mapapp-config.ini /var /www /sikre /config-mapapp.ini sudo nano - ud mapapp. ini, så kør den aktive optegnelser   database, migration, påbegynd mapapp   database. migration   er en del af den yii ramme, og tjener til at skabe tabeller og skema i en programmatisk:,, cd 'er /var /www /mapapp. /app /beskyttede /yiic migrere, når fik ind i et brugernavn og password til din, e - mail -administrator kontoen.det er, hvad du skal bruge til at logge ind i mapapp er hjemme side. og endelig, du bliver nødt til at løbe et manuskript til at vende de geografiske koordinater i det zillow kvarterer mysql tabel.   besøg http://yourdomain.com/neighborhoods/reverse.afhængigt af antallet af zillow stat filer, så importerede, det kan tage et par minutter.jeg har fundet ud af, at ogr import zillow breddegrad og længdegrad data i den modsatte koordinere orden end google maps kræver., ved hjælp af mapapp, besøge din hjemmeside på http://mapapp.yourdomain.com.ind med brugernavn og password, de skabte i databasen migration.,,,,, kigger og betragte kvarter kort, browse din importerede kvarterer og klik på nogen, du vil se.  næste kvarter forbindelse gør det let at se mere end én.du kan også søge efter kvarter, by, stat eller county,,,,, bruger jeg   yii udvidelse egmap   udviser google maps ved hjælp af zillow kvarter polygon data.men enhver php bibliotek for google kort eller javascript vil arbejde lige så godt.,,, preparemap, funktion i de kvarterer model anmoder om zillow polygon data fra databasen samt center i kvarteret (også kaldet   centroid).We use the centroid to position the viewport of the map.,,public function prepareMap($id) { $pg = Yii::app()->db->createCommand() ->select('AsText(SHAPE) as region,ASTEXT(Centroid(SHAPE)) as center') ->from(Yii::app()->getDb()->tablePrefix.'neighborhoods') ->where('OGR_FID=:ogr_fid', array(':ogr_fid'=>$id)) ->queryRow(); Yii::import('ext.gmap.*'); $gMap = new EGMap(); $gMap->setJsName('map_region'); $gMap->width = '500'; $gMap->height = '500'; $gMap->zoom = 13; $center = new stdClass; list($center->lat, $center->lon) = $this->string_to_lat_lon($pg['center']); $gMap->setCenter($center->lat, $center - > re); $coords = $- > string_to_coords ($pg ['region ']); $polygon = nye egmappolygon ($coords); $gmap - > addpolygon ($polygon); tilbage $gmap;}, kvarterer registeransvarlige opfattelse handling gør side med kort:,,,,, offentlig funktion actionview ($id) ($gmap = kvarterer: model() - > preparemap ($id); $- > de ('view, system ("model" = > $- > loadmodel ($id) « gmap = > $gmap,)}, ved hjælp af html5 geolokalisering, klik på geolokalisering i navigation bar for at finde deres kvarter fra din internet - adresse.dette vil ikke fungere via mobiltelefon.  , vil du sandsynligvis have behov for at give tilladelse til din browser på geolokalisering for denne egenskab til at arbejde (se en pop - up - nedenfor adressen bar).,,,,,, så vil du være i stand til på den lookup din placering automatisk mulighed:,,,,, man bliver nødt til at genopfriske at få et rigtigt svar   efter tilladelse - eller fra visse wifi steder.   vi bruger   geoposition manuskript fra estebanav   til støtte html5 geolokalisering med den bredest mulige browser støtte.,, når din placering er fundet, vil vi vise deres placering på et kort med din zillow kvarter samt geocoding oplysninger så uafhængigt., bruger vi   yii egeocoding udvidelse   se op af supplerende oplysninger om deres beliggenhed.det er først og fremmest at vise yderligere datakilder, du kan bruge ud over zillow grænse data.,, offentlig funktion actionindex() {$model = nye geolocation(); hvis (isset ($_post ['geolocation '])) ($info = yii: app() - > geocoder - > omvendt ($_post ['geolocation'] ['lat "$_post ['geolocation '] ['lon']); $gps_for_sql =" (". $_post ['geolocation '] ['lat"]. "". $_post ['geolocation'] ['lon "]." "$kvarter = kvarterer model():: - > lookupfromlatlon ($gps_for_sql); $gmap = kvarterer: model() - > preparemap ($kvarter ['ogr_fid ']); $markør = nye egmapmarkerwithlabel ($_post ['geolocation'] ['lat" $_post ['geolocation '] ['lon "system ('title = >", du er her!')); $gmap - > addmarker ($markør); $gmap - > bredde = "400". $gmap - > højde = "400". $- > de ('view, system ("data" = > $kvarter,'info » = > $info,'gmap = > $gmap)} andre $- > de ('index, system ("model" = > $model)},,,,, går videre, hvis du vil se mere, herunder udarbejdelsen af din egen regionen kort prøve min side - projekt,   geogram.det giver dig mulighed for at oprette en e - mail - drevne samfund i kvarterer, der bruger regioner, steder og google steder fortegnelse.,,,,, geogram har en række udvidede kortlægning og e - mail - træk.  , hvis du er interesseret i en forelæsning om geogram er anvendelse af mailgun e - mail api, læse  , hvordan geogram bygget en fri gruppe e - mail service med yii for folkesundhedsprogrammet med mysql.jeg kan skrive en forelæsning om, at regioner for google maps i fremtiden - efter en bemærkning nedenfor, hvis du vil læse det.  , du kan også være interesseret i en af mine andre yii baseret tutorials.jeg vil skrive en yii ramme indførelse for tuts + snart.,, jeg beder dem om at efterfølgende korrektioner, spørgsmål eller bemærkninger nedenfor.du kan også kontakte mig på twitter   @ reifman   eller   e - mail mig   direkte.

Final product image









Previous:
Next Page: