Select to view content in your preferred language

@4.25 - CIM symbol with TEXT in 3D

695
8
12-22-2022 01:23 AM
MKpoa
by
New Contributor

Hi!

It's not possible to create a CIM Symbol with vector markers with custom text symbols.

Trying to achieve: 

2D: (working as expected)

MKpoa_0-1671701122978.png

3D: (Only working with version 4.21)

Schermafbeelding 2022-12-22 101701.png

 It's working with v 4.21 but not with v 4.25.. because text symbols with CIMPolygons are not supported. 

CIM symbol of type 'CIMPolygonSymbol' is unsupported in 3D

 

My CIM: 

 

 

 

{
    "id": "meteo-xtra-large",
    "type": "simple",
    "symbol": {
        "type": "CIMSymbolReference",
        "symbol": {
            "type": "CIMPointSymbol",
            "symbolLayers": [
                {
                    "type": "CIMVectorMarker",
                    "enable": true,
                    "anchorPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "anchorPointUnits": "Relative",
                    "dominantSizeAxis3D": "Y",
                    "size": 100,
                    "billboardMode3D": "FaceNearPlane",
                    "frame": {
                        "xmin": -50,
                        "ymin": -58,
                        "xmax": 50,
                        "ymax": 42
                    },
                    "markerGraphics": [
                        {
                            "type": "CIMMarkerGraphic",
                            "geometry": {
                                "x": 0,
                                "y": 0
                            },
                            "primitiveName": "averageWindSpeedInBft",
                            "textString": "",
                            "symbol": {
                                "type": "CIMTextSymbol",
                                "fontFamilyName": "Arial Bold",
                                "height": 20,
                                "billboardMode3D": "FaceNearPlane",
                                "depth3D": 3,
                                "symbol3DProperties": {
                                    "type": "CIM3DSymbolProperties",
                                    "dominantSizeAxis3D": "Y"
                                },
                                "horizontalAlignment": "Center",
                                "symbol": {
                                    "type": "CIMPolygonSymbol",
                                    "symbolLayers": [
                                        {
                                            "type": "CIMSolidFill",
                                            "enable": true,
                                            "color": [
                                                27,
                                                36,
                                                61,
                                                255
                                            ]
                                        }
                                    ]
                                },
                                "verticalAlignment": "Center"
                            }
                        }
                    ],
                    "scaleSymbolsProportionally": true,
                    "respectFrame": true,
                    "colorLocked": false
                },
                {
                    "type": "CIMVectorMarker",
                    "enable": true,
                    "anchorPoint": {
                        "x": 0,
                        "y": 0
                    },
                    "anchorPointUnits": "Relative",
                    "dominantSizeAxis3D": "Y",
                    "size": 100,
                    "billboardMode3D": "FaceNearPlane",
                    "frame": {
                        "xmin": -50,
                        "ymin": -39,
                        "xmax": 50,
                        "ymax": 61
                    },
                    "markerGraphics": [
                        {
                            "type": "CIMMarkerGraphic",
                            "geometry": {
                                "x": 0,
                                "y": 0
                            },
                            "textString": "BF",
                            "symbol": {
                                "type": "CIMTextSymbol",
                                "fontFamilyName": "Arial Bold",
                                "height": 10,
                                "billboardMode3D": "FaceNearPlane",
                                "depth3D": 3,
                                "symbol3DProperties": {
                                    "type": "CIM3DSymbolProperties",
                                    "dominantSizeAxis3D": "Y"
                                },
                                "horizontalAlignment": "Center",
                                "symbol": {
                                    "type": "CIMPolygonSymbol",
                                    "symbolLayers": [
                                        {
                                            "type": "CIMSolidFill",
                                            "enable": true,
                                            "color": [
                                                27,
                                                36,
                                                61,
                                                255
                                            ]
                                        }
                                    ]
                                },
                                "verticalAlignment": "Center"
                            }
                        }
                    ],
                    "scaleSymbolsProportionally": true,
                    "respectFrame": true,
                    "colorLocked": false
                },
                {
                    "type": "CIMPictureMarker",
                    "enable": true,
                    "anchorPoint": {
                        "x": 0,
                        "y": 0,
                        "z": 0
                    },
                    "anchorPointUnits": "Relative",
                    "dominantSizeAxis3D": "Y",
                    "billboardMode3D": "FaceNearPlane",
                    "invertBackfaceTexture": true,
                    "offsetX": 0,
                    "offsetY": 0,
                    "rotateClockwise": true,
                    "primitiveName": "averageWindDirection",
                    "scaleX": 1,
                    "textureFilter": "Picture",
                    "tintColor": [
                        255,
                        255,
                        255,
                        255
                    ],
                    "size": 100,
                    "url": "./assets/images/compass-direction.svg"
                },
                {
                    "type": "CIMPictureMarker",
                    "enable": true,
                    "anchorPoint": {
                        "x": 0,
                        "y": 0,
                        "z": 0
                    },
                    "anchorPointUnits": "Relative",
                    "dominantSizeAxis3D": "Y",
                    "billboardMode3D": "FaceNearPlane",
                    "invertBackfaceTexture": true,
                    "offsetX": 0,
                    "offsetY": 0,
                    "rotateClockwise": true,
                    "primitiveName": "minAverageWindDirection",
                    "scaleX": 1,
                    "textureFilter": "Picture",
                    "tintColor": [
                        255,
                        255,
                        255,
                        255
                    ],
                    "size": 100,
                    "url": "./assets/images/compass-direction-borders.svg"
                },
                {
                    "type": "CIMPictureMarker",
                    "enable": true,
                    "anchorPoint": {
                        "x": 0,
                        "y": 0,
                        "z": 0
                    },
                    "anchorPointUnits": "Relative",
                    "dominantSizeAxis3D": "Y",
                    "billboardMode3D": "FaceNearPlane",
                    "invertBackfaceTexture": true,
                    "offsetX": 0,
                    "offsetY": 0,
                    "rotateClockwise": true,
                    "primitiveName": "maxAverageWindDirection",
                    "scaleX": 1,
                    "textureFilter": "Picture",
                    "tintColor": [
                        255,
                        255,
                        255,
                        255
                    ],
                    "size": 100,
                    "url": "./assets/images/compass-direction-borders.svg"
                },
                {
                    "type": "CIMPictureMarker",
                    "enable": true,
                    "anchorPoint": {
                        "x": 0,
                        "y": 0,
                        "z": 0
                    },
                    "anchorPointUnits": "Relative",
                    "dominantSizeAxis3D": "Y",
                    "billboardMode3D": "FaceNearPlane",
                    "invertBackfaceTexture": true,
                    "offsetX": 0,
                    "offsetY": 0,
                    "rotateClockwise": true,
                    "scaleX": 1,
                    "textureFilter": "Picture",
                    "tintColor": [
                        255,
                        255,
                        255,
                        255
                    ],
                    "size": 100,
                    "url": "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAAC8CAYAAAAD69kuAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAIABJREFUeJzt3Xt8VfWZ7/HPs9a+5A4hIeEWCCAqpMotHkcFitZpdRSwZ0TPtKc67UhweqaX05nXaTu3UjvtmUs7vdhjBazO2JmetrS1Ykc9nbYgINWWS9EGUBAId0JCQu77stZz/kg2RA0SIHuvsPfzfr3y0vz23ms/m6z9Xb+11m/9FhhjjDHGGGOMMcOOG3QBJrstWFy3YuJVtV+eeGVt+8HXt/7uTPudy6dNvLr2Z9VX1VY0vLZ1Q5A1muzmBF2AyW4K1aBzRfTh+bd/eHSq3YcC0LmqOinA8kwOsJAzmVJGOPxPQRdhco+FnMkQ2Qrct2DRA7cEXYnJLRZyJiPUkb8AmlWcRxcu/OO8oOsxucNCzmSEo36zop8GpnnF0c8GXY/JHRZyJmM2rV39BMgvEf2MOP70oOsxucFCzmSS+jgfBVSQLwddjMkNFnImo15c+63XBP5eYXzQtZjcYCFnMq452vIllF1B12Fyg4WcSS/V9QKrEp5zKtVUv2ZN3FH5E4FVitrVDsYYY4wxxhhjjDHGGGOMMebyIEEXYLJbfX1jked1h3skUSTRcDjVrrFEIk/DHa6bn6ipqegIskaT3SzkzEXbsmVL2MkbNQNHpiNUg1OtymTBHwtSBpQB0UEsKgY0gzajzlEcDoB/QJX9OLpLO07tqq2tTaTzs5jsZSFnBkVVna27D9c4fvImhBtAZgHTgfD5XpsiIqjqmf9egDjCLlR3qLI5JO6L106v2iki/oV+DpN7LOTMOW3ftb9afW5DnNtAFwIj3voc13XIi4SJRkJEwqkfF9d1CbkOIdfFcXpXsyONLTQ2t1FRVsL4ilIAfF9Jeh5JzyfpeSQSHvFEkngiSSyepCeWwPMHzLJWhfWoPq/4z9XWTD2Yvn8JczmzkDNvsq2+YYbi3yMidwM1/R9zHKEwP0phfpSC/Cj50TCRcGjQyx4o5AYjnkjSHUvQ1R2js+/H99/cE1T4nSPyQ8/xv1971eTdg164yXoWcoYdO/ZW+OHQ/T7cJ/CuVLsIFOZHKSnMp7gon/y8yCWtMBcbcm+lCt09cdo6u2nr6KarJ8Zb9n5fQXjSdyL/WnvVuKZLKNlkAQu5HPbb3QduVl8fVOQuIAK9x81KCvMYWVLIiKJ8XHfoLm8eqpB7K8/zOd3RTUtbJ+2dPf2P98VAfiLiPzp7+uT1Q/aG5rJiIZdjtmzZEpb80fci+imB2an2gvwo5SOLGFlcMKTB1l+6Qq4/z/Npae+iuaWdrp54/4e2IvoVv7P5h3amNrdYyOWI3nAr+4iI81egVdB7jG3UiCLKRxaRnxdJew2ZCLn+unviNLV2cOp0R/9jeA0Cf+d1Nf2rhV1usJDLcqrq/Hb3gQ+pyueAyQDhkEt5aTHlpcWE0tRrG0imQy4l6fk0tbRzsqWdZNJLNb8B8vnZ0yf+uw1FyW4WcmmwYMmyv1clvHHt6j9Ptc1fXPdiMuotCsVDn1XYsOnplc8AzFu8fIPiLHtx7bdee8/7/0dZ3Eus3bh21U1DUce2XfvfjcrXgFkAIdeloqyE0aOKcSTzf/qgQi5FVWk+3cnxk60kzobdNvD/55wZU4ZkXrv5i5YvAf+Tp/Ja31e/Zk0cYN7iui8LrNu4dtV/XH/7x0oikfjXUZ0P9KD65Y3PrP6XoXhvMzCbNDMdVEaDfGLeXQ8u7Nc6MdThu4LuFdVbABbcuXyaoNe5JG8DiCXjNwgcudS337Hj8IRtuw6sQWU9MMt1HcZXlFJzxXgqy0oCCbjhQEQoH1nEjKnjGVdRmjr2OAec9dt37v/+tt0Hx136m1CMyIKyWOlfppocdLSIFAFEwrGV+BzcOGfclZ7r3ILIJ+ctWXbrJb+vOScLufRZJb6/cu6iuoI3tTr+BuAmABVuQ3Q1yPsARJwbFS66R6GqsnVXQ50XTtaj3A0wakQhM6aMo6Ks5Myg3FznOEJlWQk1U8czelQxAqLIPfj+zu07Gz6hqpf0vRDkaYX7Fyypu6Z/+/W3f6wEeE/XWP07VqzwNz/1aKOg/yQq91/SBzLvyEIuTVTkJZT/yBce6t++4anHdgPjFy79aBH4t4nnPAyMvf32j0VBbwT/okJuy6sHp/52V8MGUV0JlBTmR7l6yjgmjSsnFHKH4BNlH9d1mFA5iqsmj6UwPwowQtGvbd/V8Msduw9MvtjlqmqrinxclW8vXbr0zD9+JBKfABzeumrVmRMevsheoPoSPoY5Dwu5NOqCvxZYtGDJshv7NasgLydj3jxEqjb8dOUelA3t4fjNAldsnDPhdxf6PtvrG5Y6rr9FYZ7jCOMqSplWPYb86KAvK82IkcUFVI0tY2RxwfmfnEH5eRGurB5D1dgyHMcBeHfSZ8fWXQ11F7vM3mOuuvd4rPRTqTZ1/CRvnbDAJ6xgZ3nTyEIujbY+s6rLgQdV5VHtdyG7qm4Q+CTwCwAPfd5BP46yjRUrBn2m76U9e0q27TrwAxX9ATCyqCCP6VPGUVlWMizPKBX2jcXr6zUNO+Uji5g+ZSxFBVEEikV15badB767affu4otZnqvyceDPVGQaQHFPXgNQvnBRXXnqOY7oXEd5dWg+gRmIhVyavbB21TqBXwlU9mveAPr7DvIsgJ9XtF5hARdw56odu/ddFUmEf4WyVATGlI/gikmVF3QtqXm7SDjEtEljmFA5Cuk9QfNHBX7elt/WN9Sc77Vvtf6ZVU2gn0a5AeC55x6OifBVz+Hf5y2qm7dgyfJ7Ffm4I97DQ/05zFkWcmngi7ygvvd66vdIlP8FfMsPSw/AmLyWHcDKgkRkA8Cv1ny1W1W+4CA/Hczyt9U33J30nd8AMyLhEFdOGsPY0SOHZe/tcjV6VDHTJlUS7j2eeaUvunnrzgPvP9/rVHSPCC+kft+4dvX3EP2cp7wBsOHpVX8vvn7bEV3mKze4yh3r1357b/o+ibHvxWVm+86GTyj6z4BTVJDH5PF2YiGdkp7PgSMnae/sAVBVfWhuzeQVAZdlLoCF3GVi3ToNlVQ2PCKwDKBiVAnjKkvtD5gBqnCk8RQnT7X3tcijp09M/NjNN0sy0MLMoNh35DKwbv/+vJHdskbhTgHGjxnF6NKLOhZuLkHjqTaOnGjp+02eLg7H7502bVos0KLMeVnIDXM7dhwv9MI9PwFudRyhevxoRhTlB11Wzjrd3sWBI034qijyM+0Kv7+2dlxX0HWZc7OQG8bq6xuL4tL1XO/4N4epVaMpKsgLuqyc197Zw77DjX0zm8iGqObfYXccG77s7OowtfnQofweutYqzBOBKRMs4IaL4sI8pk6opHeEiS6IOV1Pr9u/3/44w5SF3DBUX18fyevwfizCza7jUFyYz/Gm1rfd18AEw/eV482tFBVEcR0HlFtGdsuaLVu2DK9LTAxgITfsqKrEpOhJlNscR5hSVcGUqgrCoRBvHDphQRcw31f2HW7EdRymVlUypWo0jiMo3CmF5U+oqh0CGmYs5IaZ7TsPfgn0XhFhyoSK1CVGTBpfbkEXsP4BVz2+HBGhqCCPyRNGIyKI8sHtuxoeOv+STCbZVmcY2b6rYZmqrgKYNK6cUSMK3/S4Ag1Hmkgkk0ytqrSpkzJooIDrr7m1g4PHmgFQ1Y/MrZn8RBB1mrezb8kwsW3XgRtQ1gORsaNHMqb8bfdxBnpntz1wtIlk0ueKiamD3yadVGHvwROEQg7V494ecCnHTrZyvOk0QMJXuaW2ZtKmjBZqBmRfkWHg1/X7x4REtgLjSksKqR5f/o7PV1VOd3QPuymLsllrexcjivLPGXAp+w+fpLW9C5TDbjI5d+bMKxozVKI5BzsmF7B16zQUEn4AjMuLhpk4tuy8rxERC7gMG1lccN6AA5g4roy8aBiECV449P0fqNqFxQGzkAvYyDEH/wpkvus4TJkw2o6zXeZcx2Hy+NGpyTcXTt3V8Jmga8p19o0K0PbfHbxOHf9FIFw9vpzSksLzvsZcHk6d7qDhaDNAUtH5c2dMfinomnKV9eQCsmPH8UJ1/P8LhEtHFFrAZZlRI4pSf9OQwJNbthy14wsBsZALiB/u+QIwNRIOUTVmVNDlmDSoGjOqb6ZmmSaF8c8HXU+ust3VAPTtpv4KcKdUVdisIlmsraObNw41Angqcv3c6ZO2Bl1TrrGeXIatW6chdfzHAHfUiEILuCxXUpSf2m11UV1tZ1szz0Iuw0oqG5YD14Zch/GVtpuaCyZUluK6DgKzp+488EDQ9eQa213NoFdeaShNhvR1oLxqzCjKbXbfnHHyVDuHT5wCOCkxvXL27MmtQdeUK6wnl0GJkP85oDwvGqZspAVcLikvLeodJAyjNSJ/HXQ9ucR6chny61f3VoXc0B4gesXESooLbY7FXNPvJESP47pXzLqq6kjQNeUC68lliOuG/gaIFhVELeByVElRfmp25zz1vM8GXU+usJDLgB27D0wW+GOAsaNLA67GBGns6N7ZZRQe2FL/xsSAy8kJFnIZ4Pv8ORAuLsynqCAadDkmQEUFeaneXFTE+VTQ9eQCC7k0q68/NEr7enFjyksCrsYMB5V964EgD7y86/D5p50xl8RCLs1i4n0UKMyPRuxuWwaAksJ88vMiAIUREnVB15PtLOTSaN06DQEPAlSUWS/OnFUxqnd9UF8+aldBpJeFXBqNqDj0B8D4kOtQWmKTUJizSksKCLkuCBOm7Wq4Leh6spmFXBqJ+MsARo0sGtSssiZ3iMiZGxX5YJd6pZGFXJps231wnMLtAOUji4IuxwxDZX3rhcCdr766rzLgcrKWhVy6eHo34BbmR4lG7Mbq5u3yomEK86MAobjr3B10PdnKQi5dRO8FbMZf845G9h2rFeSegEvJWhZyabBjx+EJwO/B2ZXYmIGcveuaztu2++C4QIvJUhZyaeCFE4sAp6ggSjhkowPMuUXCodQuq6OqdwZdTzaykEsH7T3hUGKz/ppBSK0njqoNJUkDC7khVl9fH0HkZugd2W7M+aRCzodbt2zZYmephpiF3BDroXAeUBQOualLd4x5RwV5EUIhF4Fip2DUDUHXk20s5IaY48h8wK5TNRekuG92GlFnXsClZB0LuSHmKzcCNqWSuSCF+b0bRRVuCriUrGMhN4RU1RH0eiB1xsyYQSk8u1G8UVXtezmE7B9zCG37XcNVwAjHEfLseJy5APnRCI4jACNfeW3/tKDrySYWckNIXJ0JvSusXY5vLoQIqbt54XnuNQGXk1Us5IaQilwD2FlVc1Hyo6n1xreQG0IWckNIfL0Gzm6RjbkQqZCTvo2lGRoWckNJ5AqAPJt1xFyEaCQEgMLUgEvJKhZyQ2si9F6PaMyF6hdykwMuJatYyA2RvkkPCwEiYbso31y4cN/GUaDY7uI1dCzkhkgiHKoCCIdcm+rcXBRH5MysNa4mJwVcTtawkBsi4vsVgE2tZC5JqG/9EdHRAZeSNXL+4NGtS+tG9CT8K9T3j7249vGjqfYb71o2i7jfsvnZbzek2hbe8eC7kqLupp+u3PHW5ShSBorr2nbDXLxQ3/rjIOfdXb1p8UfGhQjX+EiX29azdf36f+lJe4GXoZz/RvYktVJ8Z4tD6Eupthvf/2CF68s2JxT6Tqptbl1d2HP9X4ujKwdajuKXA723mTPmIqVCTn0pP9dzapYujcxfvOxbDqEGH/0Z+Ju8ksih+YuX/beMFXoZyfmQ2/TU6j1AI3Bdqs31vFsAEfT6uYvqCgAKjzvvAvJBXxxoOSJOMWA9OXNJXKdv/RE9593IR8VKvwLyIOhPRP33KNwDnAb57oLFyxdkqNTLhn0jQRE2A1ctXPrRIgBVWQh0A5EClRsAVPy5fc/ePNBCRDUCvZfnGHOx+p20GvCymesXP1AJ/CmwY+Pa1fdseOaxX25au2qNuP4iABX928xUevmwkINUcLl+zJsDIMItKN8DmnD03QCifT29sAwYcn6/ldLz/EH/mOx3MeuDoANOYxNW9xbAFeF7gKbaNzz12C6BHSjvnltXZ6PR+8n5Ew8AIvqiqgB63U2LP7IXmKbI5wS/WHEWAijUAm9s/PGqYwMvRSMgnDzVzslT7YN+79nTbaRAtnvl9UMX/BofBgw5B3+89k7/cPBtDyqHEGYVN/mVwOELftMsZT05oDCetxXoUeU6h/AtgIY8dx3ILwW9/oalfzIKeJec43icMZmi7zAIU6W3Z+d7ETto0o/15IDnnns4Nn9x3RaEWkE7FV5Z/+wjx+e9f9kvxJNIqMd9ECHi47xDyEkcYPSoYsaWj8xU6eYycO2VVYN+7rGTrZxsaceB2ECPC3pUEVQZP8Cj40G95sjJExddbBaynlwfEX0RmOLDHaC/ANj01OrXgUMIfwYQ8gY+HgfgQDz1/67rDPrHZL+LWR8UGTDkPLx1gA8s7d++YNEDk0FnKbK5fs2a+ECvzVX2LevT10sTgUpf+XmqXdB1wFigdf11Y3ae6/UqvT051XM9w5jz88+uQAMGVe+Adfk2cN38RXWPz7vrgbnzliy7VcX5CeCK+F/MVK2XC9td7RN1QpvjXkKBRDgvvDHV7ovzC1G9D9XNrFhxztOhopxWsDOm5pJ4fu/6o0LruZ6TjBZ8IhTvzAPuF9/5cF9zO2jdxqdX/78MlHlZsZ5cn1889X+aPUfnuJ4zd/2aRzpS7QXdXT9Sx68VJ/zgO73eV5oBkp6X7lJNFksme0NO0OZzPedXa77avfHpVfeJ+legcheit0WjVG1cu3p1xgq9jNhZmCGyrf7A7QjP5udFuHry2KDLMZep3fuO0R2L44j/vlnTp/ws6HqygfXkhorrnARIJq0nZy5eak8gqU5TwKVkDQu5IRJOJA8BJJIeamcfzEXwVUn0bSQ9CTWc5+lmkCzkhsg110w5AXQCxBPWmzMXLp5IAqDQfv30Cec8JmcujIXc0GqAsyurMRciHu9dbwT2B1xKVrGQG0qiewF64omgKzGXoX7rzd4g68g2FnJDSeUVgO4eG3BuLlxPrDfkVPXVgEvJKhZyQ0hVXoWzK6sxF+LMxtHp3ViaoWEhN4Q05Pf25GJx7PyquRCqZzeOLt7vAi4nq1jIDaG5V1a/Dpz2faXHdlnNBejuiaeuW22ZefUUOyY3hCzkhpCI+Ki8BNDRPeAkEsYMqKO790ZbCptFxC6AHkIWckOtd8omOrss5MzgdfZtFB2xiVmHmoXcEHMcNgF0dNktMM3gdXT2hpzvu5sCLiXrWMgNsbDX+aJCeyLp2VASMyhd3fHUNatt2t34UtD1ZBsLuSFWU1MTF9F1AG2d3UGXYy4D/daTn9fW1tr4oyFmIZcOPs8BnG63kDPn19bRu56IyPMBl5KVLOTSwAmFngH8zu7YmVkljBlIPJFMnXTwPdWfBl1PNrKQS4NZV1Udoe/2hS1tnUGXY4ax1rYuAFR5oXZG9Tnu6WsuhYVcuqizBs6uxMYMpKW9dyMoomsCLiVrWciliS/6QyDZ2R2zWUnMgHpiCbq64wAJN+H9KOh6spWFXJrUzqg+hupzAM0tHed7uslBza1n1otnZs68ojHIWrKZhVwaqeOsBjh1usOmRDdvoqqcOt13vFZ5LNhqspuFXBq9cfXEZ1EOJz2fFjs2Z/ppaetMDQA+uHfGJLsrVxpZyKXRPSKeOPoIQGPz6aDLMcNI46l2AAS+eY+IjTNKIwu5NHMTzqNAR3csQXunXc9qegf/dvfEUWgnpnZD6DSzkEuza6+d1ILwBMAJ680Z4ERzGwCirJ49e3JrwOVkPQu5DBD0n4F4e2ePzU6S4/qtAz1uMvTVoOvJBRZyGTB7+uQDII8DHG20DXcuO97U+/dXdOXMmRMOB1xOTrCQyxA34X4R6Onsjp25INvkltMd3XT0Tqbarcg/BF1PrrCQy5CZMyccRnkE4EhjCzZsLreoKkdOtAAg6MN2nWrmWMhlUDyS+DxwvCeWoKmlPehyTAadbGknFk+A0OhF/S8FXU8usZDLoN+bNq1NVVcAHGtqJWnTMOWERNLjeFPfmXXlL2unTrXT7BlkIZdhb8yofgzY5nk+h/t2X0x2O3ziFJ7nA2yZPX3SE0HXk2ss5DLsHhEP3/8IkGhp67TZg7NcW0d3arqtpA/L7XaDmWchF4A575qyQ4Wvw5u28ibLeJ7PwWPNfb/pV2pnVG8LtKAcZSEXEO2MfA50TzyR5NDxU0GXY9Lg4PFmEkkPhdd6ikOfD7qeXGUhF5Da2nFdKs4f0bfbembaHZMVmls7zuymqur9N1ZV2XGJgFjIBWju9ElbgYcADh0/ZTMIZ4meWILDJ/p656J/U1sz+eVgK8ptFnIB2zt90v8G1vu+z/7DJ/F8Oz53OfN8n32HT+L7CvDz2VdX/2PQNeU6C7mA3SPiuYnkvSiHe2KJfgeqz01VaW23STgzqbW9a1CzOzccbe4d9AsHCSc+YGdTg2chNwzMnHlFo4/eDcRa27o4dvLcF/GrKgeONnHyVLtdGpYhqnDyVDsHjja9Y9AdbWzldO/GJya+c/ecadNOZqxIc04WcsNEbc3kl1X1TwGON53uf5OTM5TenkIy6TG1qgKRTFeZm0RgalUFnudz4MjAQdfc2pGaL1BB6ma/a+JvMl6oGZCF3DAyt2byEwJfhN4TEW2dZ0/IKdBwpIlEMsnUqkocxxIukxxHmDKhAs9/e9C1dXRz6HjvYQZVfWjOjElPBlWneTv7pgwzqirbdzb8G8IHHEeYWlVBYUGeBdww4fvKvsONuI5D9fhyOrtjvHGwEV8V0CdnT6/+YxGxAwnDiH1bhqH6+vpIjxT+WOAO13EozI/iq28BN0ykgk4Vunri+L4Pqs/43c1/WFtba+OAhhn7xgxT9fX1kRhFaxF9nyBMnVhBcWFe0GWZPh2dMfYcOt57HEH45ek8vePmyZNtbvthyEJuGKuvbyyKSeezIPNTu65FBRZ0QWvv7GHf4cbUWLgX3ETeHTNnjrFLVoYpO/EwjNXUVHT4XdHbQP/T95U3DjamhiiYgLS2d7HvUF/ACc/7XZE/sIAb3qwndxnYs2dPtD0Z+gEqiwHGV5ZSMaok6LJyTuOptjNTmKP8KErnB2pqauLBVmXOx0IuDa5f/EBl2AsXvqW5RfyekFuU371+zSMdqed1RE+31K9ZEweYt6hu4ti8liNr1qx525TB69ZpaMSYg99EdTnA6NJixleOsrFyGaCqHD7RcnbKeuWbe2dM+uQ9Ija182UgFHQB2SgishzXm9+v6TqBL6gbiiRjyQjweYAIzn+WxUd9Efj+3EV1BSJsAyoHWubNN0sSeHD7zoZdiv7zyZZ2pzsWp3r8aMIhN+2fKVclPY8DR5po7+wBUFV9aG7N5BXnev6Ndy2b5fgy7U2Njr9v008e2wpw06IHfs8VuV7VOeC2j/2P9etXJNNZv7Fjcmmx8enVD21cu+r3N65d9fvgrEA52ql8S1U2gt4EcMOdD45XqED1vQCFIrUCvx6oF9ff7BmTvq7CUoX2jq4Yr+0/Rmd3LBMfK+d0dMXYve9YKuBOo85d7xRwAG7SKUNlSupH4B/Fd94DsGBJ3Wcccb7mi6ii9yRLjjy7dOlS20KlmYVcGr33vR8qVPzH1OHDW59Z1VWcjP5GkJlLly51Q65/u4N8U+E6AFWdh7BhMMudO736x654tQq/SyQ99jQc59jJVmwE6tBQ4ERzG3sPniCR9EDZrR43zKmZuPZ8r93405W/2PTMyn/Y9MzKfwC/XqCpawxfnX/7h0er8nE3Grp109OrvrHpmVUfFCR+vGfkXRn4SDnNQi6NuqP5X3Pg+5ueXvUywHPPPRwDdh1JjLwG1fcp3lrQ1+YvWT4DkRtABxVyALOmT3292+m5EeW7qr3Xu+5tOE48YXs/lyKWSLLnwHGONrakLt36TpSC6+ZeU73rQpazcFFduYh8A9e/b+uqVQkNha4H/XXqeCyAoP8JctNQfwbzZhZyaTJ/ybL3IczpHNN7LWo/GxyVBSBXblz72KuizvOq3AZ6bXOkdcuFvMe8q69un1NT/UFRuQdo6eiKsWvfUU40tw3LXl1nd4ym1o5hu3vd1NrB7n1HU/W1qcqH5syovq+mpuLtsyWcR1JYKejXNzz1WF84OsUCb7kVobQiUnTplZt3YiGXBgsX1ZWj8i1x/f++ddWqN13mo6IbRHlA4CVAEyrPO+iHFN5InWW9ULNrJq1xHeYCL/i+crSxhdcPHKe7Z3iNbmht7+LQseZhNxdeV0+c1/Yf49Cx5tT4t1+Cf+3cmkn/djHLm7dk+X0ijNiwdvU3Um0O3gkVGd//eYqOU/wTl1q/eWcWcmngwT8CjX7SXTxv0fJPz1u0/NPzFy1fAhCKhF8CrlaVZwF+9dNHjyi4orLxUt5z5tXV+2dPn3QzyP1Ac1d3jN37j9FwtMluYn0OSc/n8IlTvL7/GF29G4RWFVk+++pJt86ZMaXhYpY5b1HdREEfEkIfhrMdaqc9uRnlqgVL6q4BWLj0o0UgH3SV8x7nM5fGhpCkhf6rIhX0m4zC194t9vo1j3QsWLL8rk7V9WcedJwHRJ1jl/qufbNfPLlt98Gf4/tfAe49dbpTTrd3U1lewujSErvAn94pyk+eaqexuS013byq8F3P17/4LzOqj1/KskX0s6iEleTj8xfXAaBI/fq1Kz/57iUPfMBXZ838JXUNXixZLbDqhWdW27xzaWZrfBbbvrvhJvX1a0AtQCjkUllWQnlpMU4Ao4iPNLbQ2NxGRVkJ4ytKM/7+vq80tbRzovk0yTP3upVfK/4n5s6Y/NJQvMd73/uhwq5wUaR/m7qx5ItrH28HWLhwRShecGh8UTLe9LOffccuB8sAC7ksp6rOtp0HPyDi/y30DlINhVxGlxZTXlpMyM3cEYugQi7peZw81U5TS/uZcFN4TUQ/P/vq6u/Z/G/ZzUIuR6xbp6ERFQ33Ifw1MBnHSsvPAAADaElEQVTAEWHUyCLKRhZRkBc5zxIuXaZDrqsnTlNLOy2nO/smtQRR9uHoQ3uurv43uywrN1jI5Zh16zRUUnngDwX5C/p2YwEK8iKUjSxiZElh2np3mQi5pOfT2tZJU2vHm88ui/5GfefLb8yY+CMLt9xiIZfDtu3ctwCcB4H/CkQBRITiwjxKSwooKSoY0sBLV8glPZ/T7V20tnXR3tXd/y5mPSg/RvyVc2ZMGfRAa5NdLOQML+86XBbSxH2C3AfMSrULUJAfpaQon+LCPAryopc068lQhZyq0tUTp72zh7aObrq6Y28d/LxNkCcj6nynpqbq1MVXbLKBhZx5k9/ueuNKX917EO5Gmdn/MccRCvKiFBVEKciLkJcXIRoe/Cikiw25WCJJT0+crp44HV0xunpiqVl531S6wg9R9/tza6r2DnrhJutZyJlz2rHj8AQ/nLxN4XZgITDqrc9xHIf8aJhIJEQ0HCISDhEOuYRcl1DIwXUdXKd3l3egkPN8H8/zSSZ9kp5HIukRTySJxZPEE0m6Y4neG8W8XTPCOpTnHdd9ftZVVUfS9g9hLmsWcmZQem+VeHC6ONzk+9yI6EyBGmDQp2VFBFU9898LEFPYicoOR/RFVdk8e8bEXTb0wwyGhZy5aOvWaai04uBVPkwX0cnaOzSlGmEcPmUIZUD+IBbVjdKMQzPKUYX9jrJfHfbjy67TjRNf75s01JgLZiFn0mrLlqMFkUgimoxIvufomVuNub70hOLaHY+HY7W144bXFfvGGGOMMcYYY4wxxhhjjDHGDMTOrpq0mb/4gWtF5APnetxT7xsvrn38aCZrMrnHZgY26aPOFIW6t7QKMBLQMPJYAFWZHGM9OZNRC5bULVflUUQf3vj06o8HXY/JfnYjG5Mx8+740ymq/BPwhhsJ/2XQ9ZjcYCFnMmPFCkdc7wkgX4UP9r/JsjHpZCFnMmL+1qOfARag8qVNT696Oeh6TO6wkDNpd+Ndy2YhfA7Yfirv1BeDrsfkFgs5k1a33/6xqOvLk4CKcH/9mjXx877ImCFkQ0hMWnWEe74Ecg3CpzY8verVoOsxuceGkJi0mbek7npRNgNJlCdFeNMUv77wuB2fM+lmPTmTNuLrBEQO9P7CLW+dxld8eTbjRRljjDHGGGOMMcYE7/8D+5G+DRAwmLMAAAAASUVORK5CYII="
                }
            ]
        },
        "primitiveOverrides": [
            {
                "type": "CIMPrimitiveOverride",
                "primitiveName": "averageWindSpeedInBft",
                "propertyName": "TextString",
                "valueExpressionInfo": {
                    "type": "CIMExpressionInfo",
                    "title": "Custom",
                    "expression": "$feature.averageWindSpeedInBft",
                    "returnType": "Default"
                }
            },
            {
                "type": "CIMPrimitiveOverride",
                "primitiveName": "averageWindDirection",
                "propertyName": "Rotation",
                "valueExpressionInfo": {
                    "type": "CIMExpressionInfo",
                    "title": "Custom",
                    "expression": "$feature.averageWindDirection",
                    "returnType": "Default"
                }
            },
            {
                "type": "CIMPrimitiveOverride",
                "primitiveName": "minAverageWindDirection",
                "propertyName": "Rotation",
                "valueExpressionInfo": {
                    "type": "CIMExpressionInfo",
                    "title": "Custom",
                    "expression": "$feature.minAverageWindDirection",
                    "returnType": "Default"
                }
            },
            {
                "type": "CIMPrimitiveOverride",
                "primitiveName": "maxAverageWindDirection",
                "propertyName": "Rotation",
                "valueExpressionInfo": {
                    "type": "CIMExpressionInfo",
                    "title": "Custom",
                    "expression": "$feature.maxAverageWindDirection",
                    "returnType": "Default"
                }
            }
        ]
    }
}

 

 

 

 

Is there any way to achieve this CIM visualisation with text? Or is it planned for the next release?

 

Thanks

 

0 Kudos
8 Replies
AnneFitz
Esri Regular Contributor

Hi @MKpoa - could you provide a codepen or some sort of repro case with your symbol?

I was not able to render your symbol directly since I did not have access to the images/data you were referencing, but I was able to render your symbol with just the first two symbol layers (VectorMarkers with embedded TextSymbols) correctly in 3D. Here's a codepen: https://codepen.io/annefitz/pen/xxJrKQr?editors=1000

 

0 Kudos
michaelkdev
New Contributor III

Hi Anne,

I made a codepen with the correct symbol visualisation:

https://codepen.io/michaelk95/pen/eYexMqx?editors=1010

[esri.views.3d.layers.graphics.Graphics3DCore] CIM symbol of type 'CIMPolygonSymbol' is unsupported in 3D

This feature is working on 4.21. 

Can you have a look? 🙂 

0 Kudos
AnneFitz
Esri Regular Contributor

That app appears to be working as expected for me, and I do not see the error. The symbols render as expected, as shown in the image below: 

Screenshot 2023-03-16 at 3.26.49 PM.png

I tested your app across different browsers and devices and still cannot reproduce this error. If you are still running into issues, I would recommend reaching out to Esri support.

0 Kudos
michaelkdev
New Contributor III

Hi Anne!

I changed 

"symbol": {
"type": "cim",
"data": {
"type": "CIMSymbolReference",
"symbol": {
"type": "CIMPolygonymbol",

to "type": "CIMPointymbol". And now its working.

The only issue left is:
in 2D (mapView) my CIMSymbol is looking fine (with a custom font*)

custom font item.png

*custom font and my esri config: 

esriConfig.fontsUrl = './assets/font/';

 

When switching to 3D the CIM symbol can't find the custom font? And it looks like:

michaelkdev_0-1680608470115.png


Is this a known issue? Should I reapply my custom font or renderers or ...? 

@AnneFitz Thanks in advance

Gr
Michael

 

0 Kudos
michaelkdev
New Contributor III

My CIMSymbol:

{
"type": "cim",
"data": {
"type": "CIMSymbolReference",
"symbol": {
"type": "CIMPointSymbol",
"symbolLayers": [
{
"type": "CIMVectorMarker",
"enable": true,
"anchorPoint": {
"x": 0,
"y": 0
},
"anchorPointUnits": "Relative",
"dominantSizeAxis3D": "Y",
"size": 40,
"billboardMode3D": "FaceNearPlane",
"frame": {
"xmin": -20,
"ymin": -20,
"xmax": 20,
"ymax": 20
},
"markerGraphics": [
{
"type": "CIMMarkerGraphic",
"geometry": {
"x": 0,
"y": 0
},
"textString": "\ue928",
"symbol": {
"type": "CIMTextSymbol",
"fontFamilyName": "apica-font",
"height": 40,
"horizontalAlignment": "Center",
"symbol": {
"type": "CIMPolygonSymbol",
"symbolLayers": [
{
"type": "CIMSolidFill",
"enable": true,
"color": [
27,
36,
61,
255
]
}
]
},
"billboardMode3D": "FaceNearPlane",
"depth3D": 3,
"verticalAlignment": "Center"
}
},
{
"type": "CIMMarkerGraphic",
"geometry": {
"x": 0,
"y": 0
},
"textString": "\ue90D",
"symbol": {
"type": "CIMTextSymbol",
"fontFamilyName": "apica-font",
"height": 11.200000000000001,
"horizontalAlignment": "Center",
"symbol": {
"type": "CIMPolygonSymbol",
"symbolLayers": [
{
"type": "CIMSolidFill",
"enable": true,
"color": [
255,
255,
255,
255
]
}
]
},
"billboardMode3D": "FaceNearPlane",
"depth3D": 3,
"verticalAlignment": "Center"
}
}
],
"scaleSymbolsProportionally": true,
"respectFrame": true,
"colorLocked": true
}
]
}
}
}
0 Kudos
michaelkdev
New Contributor III

You can reproduce the issue using this repo: 

https://github.com/michaelkeesdev/arcgis-js

npm install + npm start

When chaning SceneView to MapView (app.component.ts) you'll see what I mean. Thanks 🙂 

@AnneFitz 

0 Kudos
AnneFitz
Esri Regular Contributor

@michaelkdev thanks for providing a repro case! We'll take a look.

michaelkdev
New Contributor III

Thanks! 🙂

0 Kudos