d3 и geojson с несколькими функциями и идентификатором

#javascript #json #d3.js #geojson

#javascript #json #d3.js #geojson

Вопрос:

У меня возникли проблемы с несколькими функциями в моем json. Я хотел разделить его, добавив несколько функций, чтобы я мог различать по идентификатору. Но всякий раз, когда я пытаюсь поместить свойство id в функции, оно выдает значение json равно null.

Вот geojson, который я сделал

 {
"type": "FeatureCollection",                                                                                    
"features": [
{ "id": "1", type": "Feature", 
  "properties": 
     { "adm1_code": "PNG-1252", "OBJECTID_1": 999, "diss_me": 1252,
       "adm1_cod_1": "PNG-1252", "iso_3166_2": "PG-", "wikipedia": null, "iso_a2": "PG", 
       "adm0_sr": 3, "name": "Milne Bay", "name_alt": null, "name_local": null, 
       "type": "Province", "type_en": "Province", "code_local": null, 
       "code_hasc": "PG.MB", "note": null, "hasc_maybe": null, "region": null,
       "region_cod": null, "provnum_ne": 8, "gadm_level": 1, "check_me": 0,
       "scalerank": 6, "datarank": 8, "abbrev": null, "postal": "MB", 
       "area_sqkm": 0.000000, "sameascity": -99, "labelrank": 6, 
       "featurecla": "Admin-1 scale rank", "name_len": 9, "mapcolor9": 3, 
       "mapcolor13": 3, "fips": "PP03", "fips_alt": null, "woe_id": 2346583, 
       "woe_label": "Milne Bay, PG, Papua New Guinea", "woe_name": "Milne Bay", 
       "latitude": -11.581000, "longitude": 153.487000, "sov_a3": "PNG", 
       "adm0_a3": "PNG", "adm0_label": 2, "admin": "Papua New Guinea", 
       "geonunit": "Papua New Guinea", "gu_a3": "PNX", "gn_id": 2132895, 
       "gn_name": "Milne Bay Province", "gns_id": -2195635, 
       "gns_name": "Milne Bay Province", "gn_level": 1, "gn_region": null,
       "gn_a1_code": "PG.03", "region_sub": null, "sub_code": null, 
       "gns_level": 1, "gns_lang":
 

http://jsfiddle.net/n2YZ3 / (Я использовал скрипку, так как текстовая область ограничена 3 кб)

приветствуются любые советы о том, как назначить идентификатор для каждой фигуры! Спасибо

Редактировать:

Кроме того, это лучший способ иметь несколько выбираемых фигур и иметь событие onclick, чтобы оно увеличивало масштаб выбранного места?

Комментарии:

1. Вам действительно нужно взглянуть на этот пример с веб-сайта d3, bl.ocks.org/mbostock/2206590 . Это карта svg с возможностью масштабирования. Пожалуйста, обратите внимание на его определение в формате json для всех состояний. Я использовал его в своем проекте для создания карты мира с возможностью масштабирования (SVG)

Ответ №1:

Ваш JSON неверен, вам не хватает кавычек перед словом type для id 1

перед:

 {
"type": "FeatureCollection",                                                                                    
"features": [
{ "id": "1", type": "Feature",
 

после:

 {
"type": "FeatureCollection",                                                                                    
"features": [
{ "id": "1", "type": "Feature",